清除瀏覽器的預設樣式:瀏覽器自帶設定一些標籤的預設樣式,預設的margin和padding,可以在編寫過程前將這些預設值刪除
*
浮動:指的是標籤脫離文件流,在父標籤中浮動起來,行級標籤和塊級標籤都可以浮動起來,行級標籤浮動起來會變成塊級標籤.當乙個標籤使用浮動屬性後,他的下方標籤會向上移動,標籤的內容會圍繞在標籤的周圍,即有清除浮動,可以清除浮動對周圍標籤的影響,其他標籤的位置不發生改變.浮動使用float屬性標籤,屬性值可以選擇不浮動,向左浮動,向右浮動.清除浮動使用clear標籤,其屬性值可選擇忽略左側浮動,右側浮動,全部浮動(left,right,both).
"box">
"box_t">天貓
"box_t">聚划算
"box_t">天貓超市
"box_t">飛豬旅行
"box_t">蘇寧易購
"clear: left;">
相對定位
相對定位是相對於標籤在原來的文件流的位置而進行定位，移動後原來的位置會被占用.通過標籤position:relative; 開啟相對定位,當開啟相對定位後,如果未設定屬性值,則標籤沒有任何變化 屬性值可選擇四個屬性left right top bottom.相對標籤會使標籤提公升乙個層次,不會改變標籤的性質.
.b1
絕對定位是相對於離他最近的開啟了定位的祖先標籤進行定位,如果其所有的祖先標籤都沒有開啟定位,則會以瀏覽器的視窗為標對進行定位. 不占用空間,使用絕對定位的標籤會脫離原來的文件流,通過標籤position: absolute; 開啟絕對定位,屬性值可以選擇這四個屬性left right top bottom, 絕對定位會使標籤提公升乙個層級,並且會改變標籤的性質,會將行級標籤變成塊標籤.
#box1
z-index屬性是設定標籤的堆疊順序, 如果定位標籤的層級是一樣,下邊的標籤會蓋住上邊的,通過z-index屬性為z-index指定乙個正整數作為值,該值將會作為當前標籤的層級,層級越高,就會越優先顯示,對於沒有開啟定位的標籤不能使用z-index.
#box2
理解CSS浮動float 定位position
一 浮動float i 定義及規則 float預設為none,對應標準流的情況。當float left 時，元素就會向其父元素的左側靠緊，脫離標準流，同時寬度不再伸展至充滿父容器，而是根據自身內容來確定。ii 演示規則 準備 xml html code複製內容到剪貼簿 wxdwhjv 1 中間給 f...
對css浮動的理解以及清除浮動
首先我們要了解什麼是浮動，在css中浮動就是使元素及元素內容脫離文件流，並且使其移動到其父元素的最左或最右邊。移動到其父元素的最左或最右邊 是指向左或向右移動直至碰到另乙個浮動元素或是父元素的邊界 不包括padding 如何清除浮動？通常我們最普遍的作法是直接清除浮動 clear both 但是這樣...
CSS定位 浮動定位
css定位機制 浮動定位 float屬性 進行浮動定位 left，right clear屬性 清除浮動 left，right，both float屬性 1.概述 div實現橫向多列布局 float屬性 left 左浮動 right 右浮動 none 不浮動 下圖為 的實現 float屬性用途 在 混...