1.视口视口是移动设备上用来显示网页的区域，一般会比移动设备可视区域大，宽度可能是980px或者1024px，目的是为了显示下整个为PC端设计的网页，这样会让移动端出现横向滚动条，为了避免这种情况，移动端会将视口缩放到移动端窗口的大小，这样会让网页不容易观看，可以使用meta标签，name="viewport"来设置视口的大小，将视口的大小设置为和移动设备可视区一样的大小。&l
分类：
Web程序 时间：
2018-12-30 20:25:54
阅读次数：
288
CSS3 (适合新手入门)持续更新，欢迎阅读，小白自学，一起共勉！！！加油！！ ...
分类：
Web程序 时间：
2018-12-30 20:21:38
阅读次数：
325
1.transform浏览器支持情况 也就是说目前不考虑老浏览器的话是不用加前缀的，感谢菜鸟教程：https://www.runoob.com/cssref/css3-pr-transform.html transform默认值none;就是不转换，不继承，js中对其更改示例：object.styl ...
分类：
Web程序 时间：
2018-12-30 11:45:15
阅读次数：
220
我常用的是win10里面的自带的3D画图工具里面的颜色表 CSS 设置颜色的几种方式： 1.颜色名 2.rgb值 3十六进制表示 4. HSL color values CSS3 adds numerical hue-saturation-lightness (HSL) colors as a co ...
分类：
Web程序 时间：
2018-12-30 02:41:56
阅读次数：
185
1.transition动画（1）transition-property设置过渡的属性，比如：widthheightbackground-color（2）transition-duration设置过渡的时间，比如：1s500ms（3）transition-timing-function设置过渡的运动方式，常用有linear（匀速）|ease（缓冲运动）（4）transition-delay设置动画
分类：
Web程序 时间：
2018-12-29 19:41:56
阅读次数：
572
animation动画（1）@keyframes定义关键帧动画（2）animation-name动画名称（3）animation-duration动画时间（4）animation-timing-function动画曲线linear（匀速）|ease（缓冲）|step（步数）（5）animation-delay动画延迟（6）animation-iteration-count动画播放次数n|infin
分类：
Web程序 时间：
2018-12-29 11:59:34
阅读次数：
1437
效果图： js创建loading 取消loading加载 定义加载动画css样式 ...
分类：
Web程序 时间：
2018-12-27 15:16:20
阅读次数：
285
文章目录 一、行高（line-height）法 二、内边距（padding）法 三、模拟表格法 四、CSS3的transform来实现 五：css3的box方法实现水平垂直居中 六：flex布局（2018/04/17补充） 一、行高（line-height）法 如果要垂直居中的只有一行或几个文字，那 ...
分类：
Web程序 时间：
2018-12-27 13:13:27
阅读次数：
223
一、元素的块级与行级特性 在CSS属性display控制元素是否及如何显示的特性，常用的值有none、inline、block、inline-block，在CSS3中还有一些新的特性状态，在这里不做讨论。 这里我们主要讨论display在CSS布局中涉及到主要属性值inline、block、inli ...
分类：
Web程序 时间：
2018-12-27 10:30:33
阅读次数：
337
大家写页面时应该都遇到过一个问题，尤其是写单页面应用的时候， 在有滚动条页面和没有滚动条页面之间相互跳转时， 你页面的主体内容会向左或者向右抖一下，让强迫症看了很不舒服。 现在就来解救一下强迫症： 方法一： 不管有没有滚动条，都保留滚动条区域 方法二：CSS3计算calc和vw单位巧妙实现滚动条出现 ...
分类：
Web程序 时间：
2018-12-26 15:44:53
阅读次数：
238
