塊狀元素

塊狀元素的特色

（1）獨佔一行

（2）標籤寬度與父標籤寬度相同

（3）標籤能夠設置width、height、padding、border、margin樣式，均可以生效

（4）塊級元素有：html、body、header、h1-h六、div、p、nav、ul、ol、main、footer、dl、dt、dd

一、div

　雙標籤、塊狀元素、將頁面分紅各個區塊

　沒有語義

二、p

　雙標籤、塊狀元素、通常用在網頁文章中的段落上或者用在網頁中某一段很長的句子上

　語義：段落標籤

　默認樣式margin：16px  0；

三、header

　雙標籤、塊狀元素、、通常用來包裹網頁的頭部內容

　語義：表示網頁頭部內容

四、main

　雙標籤、塊狀元素、通常用來包裹網頁的主體內容

　語義：表示網頁主體內容

五、footer

　雙標籤、塊狀元素、通常用來包裹網頁的底部內容

　語義：表示網頁底部內容

六、h1-h6

　雙標籤、塊狀元素、通常用來包裹標題內容

　語義：標題標籤

七、nav

　雙標籤、塊狀元素、通常用來包裹導航內容

　語義：導航標籤

八、ul

　雙標籤、塊狀元素、通常用來包裹列表內容

　語義：無序列表

　默認樣式margin：16px  0；padding-left：40px；

　list-style：複合屬性，在一個聲明中設置全部的列表屬性，一般使用none去掉列表符號；

　list-style-type：設置列表符號的類型；

　list-style-image：設置列表符號的圖片；

　list-style-position：設置列表符號放置的位置；

九、ol

　雙標籤、塊狀元素、通常用來包裹列表內容

　語義：有序列表

　默認樣式：margin：16px  0；padding-left：40px；

十、body

　雙標籤、塊狀元素、通常用來包裹瀏覽器可視窗口的內容

　默認樣式margin：8px；

十一、blockquote

　雙標籤、塊狀元素、定義摘自另外一個源的塊引用內容，使用時推薦搭配cite屬性來指定引用的url源地址，便於讓搜索引擎能得到更多的相關信息

　語義：引用的是其它來源的內容

　默認樣式margin：16px  40px；

十二、hr

　單標籤、塊狀元素、水平線

　語義：表示文本內容和主題的分隔

　默認樣式border：1px  solid  black;margin：8px  0；width：0；

1三、dl、dt、dd

　都是雙標籤、塊狀元素、配合使用

　dl默認樣式margin：16px  0；

　dt默認樣式width：0；

　dd默認樣式：margin-left：40px；