-
transition查看全部
-
transform查看全部
-
CSS動畫過渡查看全部
-
-webkit-transform：translate（x,y,z） 3D移動 rotate3d(x,y,z,angle) 3D旋轉(zhuǎn) scale3d( x,y,z,flex) 3D縮放。 -webkit-transform-origin: center bottom top left 50% 100%;查看全部
-
*:after{clear:both;}這個很實(shí)用查看全部
-
任何一個標(biāo)簽的前或后動態(tài)生成的所有內(nèi)容上的填充或邊框都不要影響盒子的大?。?-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;查看全部
-
:after與:before的用法查看全部
-
-webkit-text-size-adjust:none -moz-text-size-adjust:none -ms-text-size-adjust:none -o-text-size-adjust:none text-size-adjust:none 旋轉(zhuǎn)后文字大小不變，瀏覽器內(nèi)核不同查看全部
-
學(xué)習(xí)了，這塊還真經(jīng)常忽略。 ie采用最新的渲染模式，以支持css3-寫css3效果的話，加上這句比較好 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 移動端處理:頁面寬度=設(shè)備寬度，縮放為1，不放大 <meta name="viewport" content="width=device-width, initial-scale=1">查看全部
-
http://fontawesome.io/下載文件(字體圖標(biāo)，隨便縮放，圖標(biāo)顏色取決于字的顏色) 拷貝css和fonts文件夾到工程文件夾里 html頁引用css文件夾里的min.css文件,該文件里有路徑的設(shè)置，按照上面的存放就沒有問題，如果不一致的話，需要改這里面的路徑。這個路徑是css文件相對于font文件的位置 官網(wǎng)看icon和example icon點(diǎn)擊想要的圖標(biāo)，里面會有代碼 更多的使用方法看example查看全部
-
position:absolute;設(shè)置后，自動將display設(shè)置為block了 float設(shè)置left或right后，也自動將display設(shè)置為block了 .svg圖片新格式，可縮放，且不模糊，非常清楚查看全部
-
ie采用最新的渲染模式，以支持css3-寫css3效果的話，加上這句比較好 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 移動端處理:頁面寬度=設(shè)備寬度，縮放為1，不放大 <meta name="viewport" content="width=device-width, initial-scale=1"> 結(jié)構(gòu)： <a href="#">Work<span><i></i></span></a> html{width:100%;height:100%;為了背景圖片或顏色滿屏顯示text-size-adjust:100%;手機(jī)屏幕旋轉(zhuǎn)時字體大小不變} body{width:100%;height:100%;為了背景圖片或顏色滿屏顯示} *,*:after,*:before{box-sizing:border-box;} *:after,*:before{display:block;content:'';} *:after{clear:both}查看全部
-
li水平排列：display:inline-block.查看全部
-
text-size-adjust查看全部
-
font-smoothing查看全部
舉報(bào)
0/150
提交
取消