文章目錄
1.HTML骨架
2.幾個簡單的標籤
效果:
3.幾個常用標籤
效果:
無序列比較常用,導航欄等基本都是使用無序排列做的;
form表單,比較重要
效果:
4.標籤分類(css的特性)
4.1 行級元素(內聯元素 inline)
行級元素標籤,特徵:內容決定元素所佔位置,不可以通過css改變寬高;
常見:
span
strong
em
a
del
4.2 塊級元素(block)
塊級元素標籤,特徵:獨佔一行,可以通過css改變寬高;
常見:
div
p
ul
ol
li
form
address
4.3 行級塊元素(inline-block)
特徵:內容決定大小,可以修改寬高
img
行級/塊級可以通過css的display進行修改,display:inline、block、inline-block
凡是帶有inline的元素,都有文字特性
img換行後,在瀏覽器中刷新排列會有間距
去間距只需讓img之間沒有空格或換行即可: