margin:0 auto可以將塊元素居中。
瀏覽器默認樣式的清除:
*{margin:0;
padding:0;
}
display
行內元素不能設置width跛璧,height严里,margin-top,margin-
bottom追城。
可通過修改display來修改元素的性質刹碾。
可選值:
block:設置為塊元素
inline:設置為行內元素
inline-block:設置為行內塊元素
none:隱藏元素
visibility:用于元素是否可見。
和display不同座柱,使用visibility隱藏一個元素迷帜,隱藏后的元
素依然在文檔中占位,不會被其他元素覆蓋色洞。
可選值:
visible:可見的
hidden:隱藏的
overflow
當相關標簽里面的內容超出了樣式的寬度和高度時戏锹,瀏覽器就會讓內容溢出盒子。
可通過overflow來控制內容溢出的情況火诸。
可選值:
visible:默認值
scroll:添加滾動條
auto:根據需要添加滾動條
hidden:隱藏超出盒子的內容
文檔流:
文檔中可實現的對象在排列時所占的位置锦针。
文檔流默認緊貼上一個元素的右邊
一.塊:1.獨占一行,自上而下排列 2.寬度默認占父元素的100%(auto)3.高度默認被內容撐開
二.內聯元素:1.只占自身大小,從左向右排列奈搜,自動換行悉盆,繼續(xù)從左向右 2.寬度默認被內容撐開
浮動
使元素脫離原來的文本流,在父元素中浮動起來馋吗。
可選值:
none:不浮動
left:向左浮動
right:向右浮動
元素浮動不會影響父元素的高度焕盟,
浮動元素默認會變?yōu)閴K元素,即使設置display:inline仍
是一個塊元素宏粤。
中糧我買首頁布局