CSS知識點
阿新 • • 發佈:2017-09-04
一個 fix radius 線性 html 文件中 ani mat 文字特效
1、CSS選擇器優先級
* 優先級就近原則,同權重情況下樣式定義最近者為準;
* 載入樣式以最後載入的定位為準;
優先級為:
同權重: 內聯樣式表(標簽內部)> 嵌入樣式表(當前文件中)> 外部樣式表(外部文件中)。
!important > id > class > tag
!important 比 內聯優先級高
標簽的權重為1,class的權重為10,id的權重為100
2、CSS3新增了哪些特性
新增各種CSS選擇器 (: not(.input):所有 class 不是“input”的節點)
圓角 (border-radius:8px)
多列布局 (multi-column layout)
陰影和反射 (Shadow\Reflect)
文字特效 (text-shadow、)
文字渲染 (Text-decoration)
線性漸變 (gradient)
旋轉 (transform)
縮放,定位,傾斜,動畫,多背景 例如:transform:\scale(0.85,0.90)\ translate(0px,-30px)\ skew(-9deg,0deg)\Animation:
3、為什麽要清除浮動。清除浮動的方法有哪些
1.父元素的高度無法被撐開,影響與父元素同級的元素
2.與浮動元素同級的非浮動元素(內聯元素)會跟隨其後
3.若非第一個元素浮動,則該元素之前的元素也需要浮動,否則會影響頁面顯示的結構
解決方法:
1.額外標簽法,<div style="clear:both;"></div>/*(缺點:不過這個辦法會增加額外的標簽使HTML結構看起來不夠簡潔。) */
2.浮動父元素 /* 過多使用float與Web精髓相違背 */
3.設置overflow為hidden或者auto
4.父元素上加一個 clearfix 類
.clearfix:after, .clearfix:before{
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
4、還有很多,待續
CSS知識點