1. 程式人生 > >CSS知識點

CSS知識點

一個 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知識點