-
過渡屬性transition-property 當transition-property屬性設置為all時，表示的是所有中點值的屬性。用一個簡單的例子來說明這個問題。假設你的初始狀態(tài)設置了樣式’width’,’height’,’background’,當你在終始狀態(tài)都改變了這三個屬性，那么all代表的就是‘width’、‘height’和’background’。如果你的終始狀態(tài)只改變了’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軸）重新定位元素,此屬性值使用涉及到數(shù)學中的矩陣，我在這里只是簡單的說一下CSS3中的transform有這么一個屬性值，如果需要深入了解，需要對數(shù)學矩陣有一定的知識。查看全部
-
translate()函數(shù)可以將元素向指定的方向移動，類似于position中的relative?；蛞院唵蔚睦斫鉃椋褂胻ranslate()函數(shù)，可以把元素從原來的位置移動，而不影響在X、Y軸上的任何Web組件。 translate我們分為三種情況： 1、translate(x,y)水平方向和垂直方向同時移動（也就是X軸和Y軸同時移動） 2、translateX(x)僅水平方向移動（X軸移動） 3、translateY(Y)僅垂直方向移動（Y軸移動）查看全部
-
縮放scale() 縮放scale()函數(shù)讓元素根據(jù)中心原點對對象進行縮放。默認的值1，0.01到0.99之間的任何值，使一個元素縮??；而任何大于或等于1.01的值，讓元素顯得更大。 縮放scale具有三種情況： 1、 scale(x,y)使元素水平方向和垂直方向同時縮放（也就是X軸和Y軸同時縮放）查看全部
-
扭曲skew()函數(shù)能夠讓元素傾斜顯示。它可以將一個對象以其中心位置圍繞著X軸和Y軸按照一定的角度傾斜。這與rotate()函數(shù)的旋轉不同，rotate()函數(shù)只是旋轉，而不會改變元素的形狀。skew()函數(shù)不會旋轉，而只會改變元素的形狀。 Skew()具有三種情況： 1、skew(x,y)使元素在水平和垂直方向同時扭曲（X軸和Y軸同時按一定的角度值進行扭曲變形）；查看全部
-
::selection 偽元素是用來匹配突出顯示的文本 Firefox 要加前綴 ::-moz-selection查看全部
-
:after，:last-child 偽元素的使用查看全部
-
實現(xiàn)省略號的條件： 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個參數(shù)和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； 第二，不要使用內(nèi)聯(lián)元素（inline）； 第三，盡量少用JS或flash； 第四，丟棄沒用的絕對定位和浮動樣式； 第五，摒棄任何冗余結構和不使用100%設置。 有舍才有得，丟棄了一些對Responsive有影響的東東，那么有哪些東東能幫助Responsive確定更好的布局呢？ 第一，使用HTML5 Doctype和相關指南； 第二，重置好你的樣式（reset.css）； 第查看全部
舉報
0/150
提交
取消