css設計注意事項

1.如果3個等高的框都設置爲向左浮動,left框將向左浮動直到碰到包含框box框的左邊緣爲止,另外兩個框向左浮動直到碰到前一個浮動框爲止。如果三個不等高,可能不會排成一行,因爲浮動框的高度不同,當它們向下移動時可能會被其他浮動元素卡住。

2.相對定位實際上被看作普通流定位模型的一部分,因爲元素的位置相對於它在普通流中的位置。與其相反,絕對定位元素的位置與文檔流無關,因此不佔據空間,普通文檔流中其他元素的佈局就像絕對定義的元素不存在一樣。簡單的說,使用絕對定位之後,對象就會浮在頁面之上。可以通過設置z-index屬性來控制這些邊框的堆放次序。Z-index屬性值越大,框在堆中的位置就越高。

3.關於盒模型應注意:若盒中沒有任何內容,儘管定義了寬度和高度都爲100%,實際上也只佔0%,因此不會被顯示。這些在採取DIV+CSS3佈局的時候需要特別注意。

4.在HTML文檔元素中,p,h1-h6,div等元素被稱爲塊級元素,而,strongspan等元素被稱爲行內元素。

發佈了32 篇原創文章 · 獲贊 9 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章