-
transition： property duration timing-function delay； 可單獨寫：transition-..... ?property: 過渡屬性 fransform （必寫值） ? ? ? ? ? ? ? ? 值為all時該大括號的所有類型都執行transition中的值 ?duration：動畫持續時間 （必寫值） ?timing-function：動畫類型，默認平移:ease-out ?Linear ease ease-in變加速 ease-in-out rotate旋轉 ?delay：延遲時間開始運動
查看全部 -
transform屬性：<br> <br> 1、translate（水平）-- transform:translate(10px,10px);<br> <br> 2、rotate（旋轉）-- 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 ( ) ;
查看全部 -
響應式布局： 屏幕大小變化： 小于值：@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%;}） } 附加：百度解釋響應式布局 在中加 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 內邊距 padding：值 平移 transform：translate（值1，值2） div邊框 border：值（粗細） solid（實體） red（顏色） hover：鼠標放入對象所發生的事件 nth-of-type(1):同級兄弟標簽的第一個標簽 鏈接css： transition： property duration timing-function delay； 可單獨寫：transition-..... property: 過渡屬性 fransform （必寫值） 值為all時該大括號的所有類型都執行transition中的值 duration：動畫持續時間 （必寫值） timing-function：動畫類型，默認平移:ease-out Linear ease ease-in變加速 ease-in-out rotate旋轉 delay：延遲時間開始運動 注：rotate(角度)旋轉動畫 skew(角度)斜切動畫 scale(數值，數值)縮放動畫 deg度數查看全部
-
對外部容器限制寬度后，如果(圖片）元素長度大于容器，應該使用overflow:hidden來將超出部分隱藏查看全部
-
將第一個屬性值寫成all，出現漸變效果查看全部
-
H5新標簽：figure,figcaption標簽查看全部
-
Tranformy用于元素的變形處理 屬性:tranlate--平移 Rotate --A旋轉 scale--縮放 skew--斜切查看全部
-
父容器當中有相對定位的時候，字容器的絕對定位是相對父容器來定位查看全部
-
QQQQ查看全部
-
opacity:0.8：透明度為0.8查看全部
-
響應式布局基本原理查看全部
-
案例HTML基本樣式查看全部
-
overflow：hidden 可以把超出的部分隱藏掉查看全部
舉報
0/150
提交
取消