塊級元素

時間 2019-12-14

標籤元素简体版

原文原文鏈接

[2019.07.04 學習筆記1]html

1.塊級元素（block element）獨佔一行，排斥與其餘元素同行。瀏覽器

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>塊級元素</title>
 6 </head>
 7 <body>
 8     <p>段落</p>
 9     <p>段落</p>
10     <p>段落</p>
11     <p>段落</p>
12 </body>
13 </html>

塊級元素

2.塊級元素通常是其餘元素的容器，可容納塊級元素和行內元素。ide

3.默認狀況下寬度與瀏覽器寬度同樣，與內容無關學習

可設置元素寬（width）和高（height），四個方向的內邊距（padding）和外邊距（margin）。spa

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>塊級元素</title>
 6 </head>
 7 <body>
 8     <p style="width:200px; height: 200px; padding: 10px; margin: 10px;">段落</p>
 9     <p>段落</p>
10     <p>段落</p>
11     <p>段落</p>
12 </body>
13 </html>

塊級元素-設置屬性

4.CSS樣式默認顯示爲dispaly:block;，可將塊級元素設置爲行內元素。code

5.塊級元素有：address、div、dl、ol、ul、form、table、h1~h六、p、pre、hr、fieldset（控制組）orm

6.可設置位置屬性alignhtm

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>塊級元素</title>
 6 </head>
 7 <body>
 8     <p>段落</p>
 9     <p align="center">段落</p>
10 </body>
11 </html>

塊級元素--位置屬性

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。