CSS是前端3侠（我将HTML、CSS、JavaScript称之为 "前端3侠"，这并不是广泛的叫法，仅仅只是我自己喜欢这么叫而已）中的门面，它决定了网站的展示样式和效果。 我只给大家提供CSS的语法和代码的介绍，具体的…

弹性布局(弹性伸缩布局) 事实上它是一种新类型的盒子模型，也有书上称作弹性伸缩盒布局。 比较新的布局方式：旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使它们的大小是未知或者动态变化的。 弹性布局的…

常用的布局方式 固定布局与流体布局的优缺点 固定布局 注：设置了固定宽度的外包裹，里面的各个模块也是固定宽度而非百分比。大多数设计者选择960或1200px的固定宽度。960px适合1024×768的分辨率，1200适合…

rem:根元素字体的大小 浏览器默认字体大小为16px em是以父元素字体为基准的 rem是以根元素字体大小为基准的 轮廓（outline） 轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出…

鼠标的样式 cursor： 我们可以通过cursor属性改变浏览器默认的鼠标样式，可改变的样式很多，这里仅仅列出几种相对常用的 hand是手型 pointer也是手型，推荐使用这种。 crosshair是十字型 text…

opacity：透明度设定 IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。 E8…

transform：2D变形： 通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。转换方法：translate()/rotate()/scale()/skew()/matrix() none 定义不进…

线性渐变： 属性：linear-gradinet(开始位置 角度，起始颜色，终止颜色 ) 开始位置：渐变开始的位置，属性值可以为百分比/长度/left、right、top、bottom（可组合使用） 角度：渐变终止方向的…

元素的背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。scroll 默认值。/fixed 当页面的其…

元素的边框属性： border 简写属性，用于把针对四个边的属性设置在一个声明。 border-width 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。 常用单位为像素(px)、em thin细…