摘要：
获取元素位置三大系列总结(offset、client、scroll) | 三大系列大小对比 | 作用 | | | | | element.offsetWidth | 返回自身包括padding 、边框、内容区的宽度，返回数值不带单位 | | element.clientWidth | 返回自身包括p 阅读全文
摘要：
立即执行函数(function( ) { })( )或者(function( ){ }( )) 立即执行函数(function( ) { })( )或者(function( ){ }( )) 主要作用:创建一个独立的作用域。避免了命名冲突问题 <script> // 1.立即执行函数:不需要调用，立 阅读全文
摘要：
PC端网页特效-元素可视区 client 系列 client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 | client系列属性 | 作用 | | | | | element.clien 阅读全文
摘要：
CSS的预处理器 [Less] Less中文网址:http://lesscss.cn/ 常见的CSS预处理器:Sass、Less、Stylus 1.Less使用 我们首先新建一个后缀名为less的文件，在这个less文件里面书写less语句。 2.Less变量 变量是指没有固定的值，可以改变的。因为 阅读全文
摘要：
rem 适配布局 1、rem 单位 rem (root em)是一个相对单位，类似于em , em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素( html)设置font-size=12px;非根元素设置width:2rem;则换成px表示就是24px。 <s 阅读全文
摘要：
背景线性渐变:-webkit-linear-gradient 语法： background: linear-gradient(起始方向，颜色1，颜色2，...); background: -webkit-linear-gradient(left, red , blue) ; background: 阅读全文
摘要：
flex 布局 1、传统布局于flex布局 | 传统布局 | flex布局 | | | | | 兼容性好 | 操作方便，布局极为简单，移动端应用广泛 | | 布局繁琐 | PC端浏览器支持情况较差 | | 局限性，不能在移动端很好地布局 | IE 11或更低版本，不支持或仅部分支持 | 建议： 1. 阅读全文
摘要：
浏览器私有前缀 1、私有前缀 -moz-：代表Firefox浏览器私有属性 -ms-：代表ie浏览器私有属性 -webkit-：代表Safari、Chrome浏览器私有属性 -o-：代表Opera浏览器私有属性 2、提倡写法 -moz-border-radius: 10px; -webkit-bor 阅读全文
摘要：
移动端流式布局(百分比布局)、图片格式 1、流式布局(百分比布局) 流式布局，就是百分比布局，也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式。 max-width 最大宽度( ma 阅读全文
摘要：
背景缩放 background-size background-size属性规定背景图像的尺寸 background-size:背景图片宽度 背景图片宽度； 单位:长度I百分比l coverlcontain; cover把背景图像扩展至足够大，以使背景图像完全覆盖背景区域 contain把图像图像扩 阅读全文