-
过渡属性transition-property 当transition-property属性设置为all时，表示的是所有中点值的属性。用一个简单的例子来说明这个问题。假设你的初始状态设置了样式’width’,’height’,’background’,当你在终始状态都改变了这三个属性，那么all代表的就是‘width’、‘height’和’background’。如果你的终始状态只改变了’width’和‘height’时，那么all代表的就是‘width’和height。查看全部
-
transform-origin查看全部
-
任何一个元素都有一个中心点，默认情况之下，其中心点是居于元素X轴和Y轴的50%处。查看全部
-
矩阵matrix() matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵，我在这里只是简单的说一下CSS3中的transform有这么一个属性值，如果需要深入了解，需要对数学矩阵有一定的知识。查看全部
-
translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。 translate我们分为三种情况： 1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） 2、translateX(x)仅水平方向移动（X轴移动） 3、translateY(Y)仅垂直方向移动（Y轴移动）查看全部
-
缩放scale() 缩放scale()函数让元素根据中心原点对对象进行缩放。默认的值1，0.01到0.99之间的任何值，使一个元素缩小；而任何大于或等于1.01的值，让元素显得更大。 缩放scale具有三种情况： 1、 scale(x,y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）查看全部
-
扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。 Skew()具有三种情况： 1、skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角度值进行扭曲变形）；查看全部
-
::selection 伪元素是用来匹配突出显示的文本 Firefox 要加前缀 ::-moz-selection查看全部
-
:after，:last-child 伪元素的使用查看全部
-
实现省略号的条件： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
background: color url() position/size repeat attachment clip origin; 加上CSS3新增的背景属性 缩写的background: size需要紧跟position后面 而且要加上 /查看全部
-
background-size: auto | 长度值 | 百分比 | cover | contain|; cover:覆盖 contain:容纳查看全部
-
裁剪背景图片 background-clip: border-box|padding-box|content-box|no-clip; 3个参数和background-origin一样 默认值是border-box no-clip等同于border-box查看全部
-
在IE6-8中完全是不支持CSS3 Media。 media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]>查看全部
-
Responsive布局技巧 通过上面的介绍，大家对响应式设计有了一定的了解，但在实际制作中还是有一些布局技巧的： 在Responsive布局中，可以毫无保留的丢弃： 第一， 尽量少用无关紧要的div； 第二，不要使用内联元素（inline）； 第三，尽量少用JS或flash； 第四，丢弃没用的绝对定位和浮动样式； 第五，摒弃任何冗余结构和不使用100%设置。 有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？ 第一，使用HTML5 Doctype和相关指南； 第二，重置好你的样式（reset.css）； 第查看全部
举报
0/150
提交
取消