-
transition: property duration timing-function delay; 可單獨寫:transition-..... ?property: 過渡屬性 fransform (必寫值) ? ? ? ? ? ? ? ? 值為all時該大括號的所有類型都執(zhí)行transition中的值 ?duration:動畫持續(xù)時間 (必寫值) ?timing-function:動畫類型,默認(rèn)平移:ease-out ?Linear ease ease-in變加速 ease-in-out rotate旋轉(zhuǎn) ?delay:延遲時間開始運(yùn)動
查看全部 -
transform屬性:<br> <br> 1、translate(水平)-- transform:translate(10px,10px);<br> <br> 2、rotate(旋轉(zhuǎn))-- transform:rotate(90deg);<br> <br> 3、scale(縮放)-- transform:scale(0.5,,0.5);<br> <br> 4、skew(斜切)-- transform:skew(50deg,,0deg);
查看全部 -
transform
translate ( ) ; ? rotate ( ) ; ? scale ( ) ; ? skew ( ) ;
查看全部 -
響應(yīng)式布局: 屏幕大小變化: 小于值:@media screen and (max-width:值){ css樣式(例:img{width:50%;}) } 大于值:@media screen and (min-width:值){ css樣式(例:img{width:50%;}) } 之間值:@media screen and (max-width:值1) and (min-width:值2){ css樣式(例:img{width:50%;}) } 附加:百度解釋響應(yīng)式布局 在中加 user-scalable = no 屬性能夠解決 iPad 切換橫屏之后觸摸才能回到具體尺寸的問題。 @media screen and (max-width: 980px) { #head { width: 100% } #content { … } #footer { … } } /** iPad **/ @media only screen and (min-width: 768px) and (max-width: 1024px) {} /** iPhone **/ @media only screen and (min-width: 320px) and (max-width: 767px) {}查看全部
-
超出部分隱藏 overflow:hidden 半透明 opacity:值(小于1) 文字居中 text-align:center 內(nèi)邊距 padding:值 平移 transform:translate(值1,值2) div邊框 border:值(粗細(xì)) solid(實體) red(顏色) hover:鼠標(biāo)放入對象所發(fā)生的事件 nth-of-type(1):同級兄弟標(biāo)簽的第一個標(biāo)簽 鏈接css: transition: property duration timing-function delay; 可單獨寫:transition-..... property: 過渡屬性 fransform (必寫值) 值為all時該大括號的所有類型都執(zhí)行transition中的值 duration:動畫持續(xù)時間 (必寫值) timing-function:動畫類型,默認(rèn)平移:ease-out Linear ease ease-in變加速 ease-in-out rotate旋轉(zhuǎn) delay:延遲時間開始運(yùn)動 注:rotate(角度)旋轉(zhuǎn)動畫 skew(角度)斜切動畫 scale(數(shù)值,數(shù)值)縮放動畫 deg度數(shù)查看全部
-
對外部容器限制寬度后,如果(圖片)元素長度大于容器,應(yīng)該使用overflow:hidden來將超出部分隱藏查看全部
-
將第一個屬性值寫成all,出現(xiàn)漸變效果查看全部
-
H5新標(biāo)簽:figure,figcaption標(biāo)簽查看全部
-
Tranformy用于元素的變形處理 屬性:tranlate--平移 Rotate --A旋轉(zhuǎn) scale--縮放 skew--斜切查看全部
-
父容器當(dāng)中有相對定位的時候,字容器的絕對定位是相對父容器來定位查看全部
-
QQQQ查看全部
-
opacity:0.8:透明度為0.8查看全部
-
響應(yīng)式布局基本原理查看全部
-
案例HTML基本樣式查看全部
-
overflow:hidden 可以把超出的部分隱藏掉查看全部
舉報