xiaoxindelb的博客

开发工具与关键技术：VS作者：钟杰鑫撰写时间：2022/5/181.我们先打开Visual Studio Code，在创建个文本文件为html，然后在打上名字，图片如下：2,然后在body元素里写上两个button标签和div标签，在button标签里写上一个为开始一个为暂停，在div标签里面在给他个class属性为box，图片如下：3，body元素里写完后我们开始写style样式，我们先写button标签样式我们给button标签个宽为100px，在给个高为40..

如何用Vs制作一个鼠标的点击事件，这个事件的要求鼠标移入背景颜色改变为“red”然后鼠标移除时背景颜色改为“blue”还要给他一个控制台的点击事件，要求是鼠标单点时触发单击事件，鼠标双击时，触发双击事件。接下来我们就开始操作吧。首先我们需要建一个html，然后在给他一个长为300宽也是300的正方形，背景颜色给他一个blue的蓝色如下面的图。敲好后我们就开始今天最重要的部分，js。我们需要声明一个变量的var box = document。Getelementbyid（...

栅格系统内置的栅格系统将内容再次嵌套。简单理解就是一个列内再分成若干份小列。我们可以通过添加一个新的.row元素和一系列.col-sm-*元素到已经存在的.col-sm-*元素内。3.4列偏移使用.col-md- offset-*类可以将列向右侧偏移。这些类实际是通过使用*选择器为当前元素增加了左侧的边距( margin )。3.5列排序通过使用.col-md- push-*和.col-md-pull-*类就可以很容易的改变列( column ...

栅格系统英文为"gridsystems" ,也有人翻译为“网格系统”, 它是指将页面布局划分为等宽的列,然后通过列数的定义来模块化页面布局。Bootstrap提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口( viewport)尺尉的增加,系统会自动分为最多12列。Bootstrap里面container宽度是固定的,但是不同屏幕下, container的宽度不同,我们再把container划分为12等份3.2栅格选项参数栅格系统用于通过...

Bootstrap前端开发框架2.1 Bootstrap简介Bootstrap来自Twitter (推特) ,是目前最受欢迎的前端框架。Bootstrap 是基于HTML、CSS 和JAVASCRIPT的，它简洁灵活,使得Web开发更加快捷。框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案 ,且控制权在框架本身,有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。2.2 Bootstrap使用在现阶段我们还没有接触JS相关课程,所以我们只考虑使.

rem单位.rem (root em)是一个相对单位,类似于em , em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素( html )设置font size= 12px;非根元素设置width:2rem;则换成px表示就是24px。2.媒体查询2.1什么是媒体查询媒体查询( Media Query )是CSS3新语法。使用@media查询,可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸设置不同的样式当你重置..

flex 子项目占的份数align-self 控制子项自己在侧轴的排列方式order属性定义子项的排列顺序 (前后顺序)4.1 flex 属性flex属性定义子项目分配剩余空间,用flex来表示占多少份数。4.2 align-self控制子项自己在侧轴上的排列方式align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。默认值为auto ,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch...

3.6 align-content 设置侧轴.上的子元素的排列方式(多行)设置子项在侧轴.上的排列方式并且只能用于子项出现换行的情况(多行) , 在单行下是没有效果的。3.7 flex-flowflex-flow属性是flex-direction和flex-wrap属性的复合属性flex-direction :设置主轴的方向justify-content :设置主轴上的子元素排列方式flex-wrap :设置子元素是否换行align-content :设置侧轴上的

3.1常见父项属性以下由6个属性是对父元素设置的flex-direction :设置主轴的方向上justify-content :设置主轴上的子元素排列方式flex-wrap :设置子元素是否换行align-content :设置侧轴上的子元素的排列方式(多行)align-items :设置侧轴上的子元素排列方式(单行)flex-flow :复合属性.相当于同时设置了flex-direction 和flex wrap3.2 flex-direction设置主轴的方向1.主

作者： 钟杰鑫撰写时间：2022/4/28嗨 今天给大家操作一个Vs的页面更改的的案例我们先来看一下整体的内容是什么吧。我们可以通过点击上面的小正方的来使我们的主页面变成他的一个颜色。我们接下来我就把原代码发给大家进行操作就可以了。...

开发工具与关键技术：Visual Studio Code作者：钟杰鑫撰写时间：2022/4/81. flex布局体验1.1传统布局与flex布局传统布局兼容性好布局繁琐不能再移动端很好的布局.flex弹性布局操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况较差局限性,IE 11或更低版本,不支持或仅部分支持建议:1.如果是PC端页面布局,我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用fl..

AxureRP的小案例今天教大家如何做一个小小的动态面板，让自己的图片动起来然后还有连贯性，我们先看图片， 接下来我们先打开AxureRP，我们在元件库里找到图片然后给他一个500的高和500的宽，然后我们双击点他让他我们选择一些自己心仪的图片，然后鼠标右键然后，找到动态面板，他们会在图片上面出现类似的加了滤镜的效果，然后我们在鼠标双击他就会出现版面状态管理，只需要把他们的在上方复制4份就行了，然后在每一份点击进去然后在点击图片更换不同的图片就行了如下图。我们再次点回动态面板..

校园网页的优缺点校园网应该都认识，我们每个人所读的学校如(大学学校，技工学校，)等……，今天我们就是说下面这张校园网页的可提取部分，和那些需要更改进的部分。先看图。 当你们看到这张图的校园标题时候，颜色的调的有点怪，背景还选择了和校徽颜色差异性大，使整个校徽是那么格格不入，然而他还给文字加上诡异的白底，使他看起来就是那么的次要，还有下面的英语是真的看不出来一点高级感，反而感觉土了，下面的文字选择来红色来，使我们看到标题都不知道那个是重点。 然后我们在往后看下方的导航栏，看起来不是那么的凸.

Ps校园网初格式校园网应该都认识，我们每个人所读的学校如(大学学校，技工学校，)等…… 那我就来说说技工学校的校园网的初格式，（我们需要打开新版的ps来完成我教的操作。） 我们新版的ps我们需要建立新的画布，他会弹出来一个框让我们来选择画布的大小，也有格种参数给你去选择适合的应用画布，而我们今天就要来选择网页的画布（Web）里选择1920x1080，朋友们可以查看自己电脑的屏幕显示分辨率的大小来定。 4.我们在属性栏里找到视图里的新建参考线面板然后点击。 5.然后他会弹出..

ps放大镜今天来教教大家如何做ps里的放大镜先看圆图。 1.我们需要拉一张图片进来，然后把图片复制一张，然后把背景图锁上，在把图层进行模糊化。点击滤镜 （模糊 高斯模糊）然后在把半径20。 点击锁定。 2.我们用椭圆工具绘制一个圆记得按住（shift）键，这样出来的圆会正，然后我们把这个圆复制一份然后放大，把他一点点使他可以像一个放大镜的边框，（改成描边）。如下图。3.下面我们需要来做放大镜的黑和白的部份，我们需要把我们刚才第一个白色的椭圆复制两份然后都删除图层样式，第一个.

Ai3D筛子如何在ai中把一个普通的平面筛子做成一个有立体感的3D筛子呢。我们先看原图。今天我就来教教大家如何做一个带有3D效果的筛子。1.打开建立一块画布，然后我们用椭圆工具画一个高为283和宽为283的圆并复制6个，然后我们在填上一个个小白圆【颜色可以把我这张原图拉进去然后吸取】照着他做。2.接下来我们需要把我们做好的6个筛子圆放进符号里，在后面的3D操作中需要用到，我们在属性栏里找到窗口里的符号，我们点击，他会出来一个小方框而我们则需要把6个椭圆拉进去（注意一个一个拉）然后如下

文献种类：专题技术文献；开发工具与关键技术：Ai 炫图混和字体 作者：钟杰鑫 ；年级：2021春季班 ；撰写时间：2021 年 6 月 7 日 文献编号：专题技术 归档时间： 年 月 日Ai炫图混合字体~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...

Ai中3D log~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Ai作者：钟杰鑫撰写时间：~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~我们来做一个3D字母的log1.我们用打出字体把字母N ，然后我们需要打开窗口

Ai中的布尔运算 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术： 作者：钟杰鑫 撰写时间： ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 在没有学习Ai之前我们常常都会有...

Ps滤镜消失点[0基础也能学会]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：作者：钟杰鑫撰写时间：~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~如何在一在用PS进行合成的时候会遇到透视变形的情况，这里给大家介绍其中一