標簽的顯示模式(display):
<!--
一 : 標簽有三種顯示模式
a:block
b:inline-block
c:inline
二 : 三種顯示模式的特點:
block
1.獨自占據(jù)一行
2.可以設置寬高
3.如果塊級元素沒有設置寬高,name就會繼承與父盒子的寬
inline-block
1.一行占據(jù)多個
2.可以設置寬高
inline
1.一行占據(jù)多個
2.不可以設置寬高
-->
定位的特性
<!--
一 : 靜態(tài)定位的特點:
其實靜態(tài)定位沒有什么特點,就是和標準流是一樣的,
二 : 固定定位的特點:
1.可以實現(xiàn)模式轉換,擁有行內塊的特點
2.會脫離標準流
3.會參照瀏覽器窗口的位置固定在某個位置,不會隨著內容的滾動而滾動
三 : 絕對定位的特點
1.可以實現(xiàn)模式轉換,擁有行內塊的特點
2.會脫離標準流
3.如果絕對定位的元素的所有的父元素都沒有定位,那該元素的定位時參照body
4.如果絕對定位的父級元素有定位(固定,絕對,相對),會參照最近的定位父元素
四 : 相對定位的特點(可以使用比邊偏移)
1.不會實現(xiàn)模式轉換
2.不會脫離標準流
3.位移之后的顯示效果脫標,但是自己原來的位置還是會保留,
4.便宜的參照物是自己一開始出現(xiàn)的位置
-->