CSS知識點

標籤：border   使用   web   定位   out   input   style   col   情況   

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