標籤的劃分

• 塊級元素

  • 獨佔一行

  • 設置 寬 高可以起作用

  • 排列方式： 上下排列

• 行內元素

  • 可以共佔一行

  • 設置 寬 高 不起作用，大小由內容決定

  • 排列方式：左右排列

• 行內塊

  • 可以共佔一行

  • 可以設置寬 高

  • 排列方式：左右

標籤

• 標題：h1-h6

• 段落 p

• 圖片 img

• 超鏈接 a

• 格式化標籤

  • 加粗 b strong

  • 斜體 i em

  • 下劃線 ins u

  • 刪除線 del s

• 預格式化標籤 pre

• 音頻 audio

• 影片 video

• 大盒子 div

• 小盒子 span

• 三大列表 ul li ol dl dt dd

塊級元素 

• h1-h6 div p

• 三大列表 ul li ol dl dt dd

• 新增 table

 

行內元素

• 加粗 b strong

• 斜體 i em

• 下劃線 ins u

• 刪除線 del s

• span

• a

行內塊

• 影片 video audio

• 圖片 img

display的幾個值

• display：block；轉化為塊級元素

• display：inline；轉化為行內元素

• display：inline-block；轉化為行內塊

• display：none；讓元素消失

面試題讓元素消失的幾種方法？？

• display：none；讓元素消失

• opacity：0；透明度 數值範圍 0-1

• visibility：hidden；可見性 ：隱藏

• 定位的元素，通過改變z-index（層級關係）

• 通過margin負值，把元素調到螢幕的一側；

讓元素消失前三者 的關係

• display：none;元素徹底消失

• opacity：0；元素消失位置還在

• visibility：hidden；元素消失位置還在

font-family 字體樣式

• 設置字體： 如果是中文或者應為字體由多個單片語成，需要加引號可以設置多種字體，有順序關係

font-weight 加粗

## 語義化 
合適的標籤做合適的事：語義化

控制文字樣式font-style

塊級元素水平居中magin：0 auto;

塊級元素，快速水平居中

盒子文字垂直居中

文字水平調節 text-align

邊框border