標籤：splay 恢複 技術 body 運行 藍色 title meta 分享
1. 塊級標籤變成行內標籤
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div style="background-color:red;display:inline;">123</div> <span style="background-color:red">123</span></body></html>
效果：
2. 行內標籤變成塊級標籤
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div style="background-color:red;display:inline;">123</div> <span style="background-color:red;display:block;">123</span></body></html>
運行結果：
3. display:none; 讓標籤消失。display:block/inline;標籤恢複。
display: inline;
display:block;
display:inline-block; 兼有兩者的屬性（具有inline,預設自己有多少佔多少；具有block，可以設定高度，寬度等。）
行內標籤：無法設定高度，寬度，編劇，padding, margin
塊級標籤：可以設定高度，寬度，編劇，padding, margin。預設占父親標籤的100%
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <span style="display:inline-block;background-color:red;height:50px;width:70px;">Alex</span> <a style="background-color:red;">Eric</a></body></html>
運行結果：
4.padding：內邊距 padding-top10px,
margin：外邊距 margin-top:10px,（針對裡面div說的）藍色部分。div本身的大小沒有發生變化。只是它跟父親之間的距離變大了。
pading:內邊距，也是相對於內部的div來說的。（原意：填料）
5.margin的另一個用處：<body style="margin:0 auto;">
預設情況下html兩邊是有邊距的。就去掉了外邊距了。就從最角落起開始了。
<div style="width:980px; margin:0 auto">
css之display樣式,padding,margin
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
