一、 分欄布局
column：分欄，將一段文字按照一定寬度分成多個欄目（類似於報紙介面）
值：-count : 分欄的個數
-width : 分欄的寬度
-gap : 欄與欄的間距
-rule : 分欄的邊線
-span : num | all （合併分欄）
注：-count -width 不要一起去寫，容易衝突。
二、偽類與偽元素
#elem:after{}
#elem:hover{}
以上兩種寫法在舊版本中是對的規範的，但在新版本css3中第乙個不規範。
在 css2.1的時候 : #elem:after{}是合規的
在 css3的時候 : #elem:after{} 單冒號不合規 #elem::after{}雙冒號合規
#elem:hover{} 單冒號合規 #elem::hover{} 雙冒號不合規
區別：偽類是單冒號 -> :hover :active :visited :link ...
偽元素是雙冒號 -> ::after ::before ...
偽類只會對操作的元素起作用，相當於樣式新增到了元素身上；而偽元素是對建立出來的虛擬容器起作用，相當於樣式新增到了這個虛擬容器上。
三、link標籤的擴充套件
1、 引入style樣式表，用於css與html分開寫的時候引用css的
2、提前去進行網域名稱的dns解析，這樣在進入**時就會加快速度
3、給網頁頭部新增小圖示，格式固定的只能是.ico或.cur，跟製作滑鼠小手檔案型別一樣。
四、擴充套件meta標籤
元資訊（輔助資訊）
1、編碼格式，必須要寫
2、這是用於移動端的可視視窗設定，可以加上屬性user-scalable=no使使用者在移動端不能進行縮放。
3、對網頁內容做描述
五、css hack
HTML5新語義化標籤 （一）
1 html4.0開始出現 div span img h1 h6等 2 html5開始出現 header footer main等 3 css2.1開始 widht height background等 4 css3新增 transform border radius等 header 頁首 foot...
HTML5中新語義化標籤
header 定義當前頁面的表頭 footer 定義頁面的頁尾 main 頁面主體 注 header footer main 語義化標籤在乙個頁面中只能出現一次 這是一張datalist 選項列表 涉及到的語法 list id value html 超文字標記語言 progress meter 定義...
html5語義化標籤
1.文章標題 文章內容.文章內容.2.定義文件中的節 區段，比如章節 頁首或文章中的其他部分。比如我們對一篇文章進行分章節。文章標題 章節一的標題 文章內容.章節二的標題 文章內容.應包含一組內容及其標題。如果內容沒有標題，不推薦使用。3.定義頁面的導航區域。頁面a頁面b 頁面c4.定義頁面主區域內...