摘要：
缩放 scale()函数 让元素根据中心原点对对象进行缩放。 缩放 scale 具有三种情况： 1、 scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放） 例如： div:hover { -webkit-transform: scale(1.5,0.5); -moz-tr 阅读全文
摘要：
变形--扭曲 skew() 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。 Skew()具有三种情况： 1 阅读全文
摘要：
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。如下图所示： HTML代码： <div class="wrapper"> <d 阅读全文
摘要：
新的转换属性 下面的表格列出了所有的转换属性： 2D Transform 方法 matrix(n,n,n,n,n,n) 定义 2D 转换，使用六个值的矩阵。 translate(x,y) 定义 2D 转换，沿着 X 和 Y 轴移动元素。 translateX(n) 定义 2D 转换，沿着 X 轴移动 阅读全文
摘要：
:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下： 这段代码会在#example元素内容之前插入一个'#'，以及在内容之后添加一个'$'，插入的行内元素是作为#example的子元素，效果如下: H 阅读全文
摘要：
1、:enabled选择器 在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。 示例演示 通过“:enabl 阅读全文
摘要：
1、 (1)background-origin ： border-box | padding-box | content-box;（设置元素背景图片的原始起始位置。） //需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。 (2)background-clip(用来将背 阅读全文
摘要：
1、给导航加分割线，左右 .nav li::before,.nav li::after{ content:""; position:absolute; top:14px; height:25px; width:1px; } .nav li::before{ left:0; background:-w 阅读全文
摘要：
恢复内容开始 1、text-overflow（用来设置是否使用省略标记）必须和white-space:nowrap 同时使用white-space:nowrap(强制文本在一行显示) word-wrap（设置在长单词或URL地址内部进行换行） 2、@font-face能够加载服务器端的字体文件，让浏 阅读全文