上次我們講到了相對定位;
這次我們了解下絕對定位;
絕對定位:
絕對定位會脫離文件流。所以之前的位置就會被後面的內容給填補
絕對定位的元素的位置相對於最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼它的位置相對於最初的包含塊。
浮動:
如圖:浮動也會像絕對定位那樣脫離文字流,就相當於飄了起來,在天上,地上的位置就會空出來。
float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,不過在 css 中,
任何元素都可以浮動。浮動元素會生成乙個塊級框,而不論它本身是何種元素。
浮動可以向左浮動也可以向右浮動。**如下:
div{
float:left;//向左浮動
float:right;//向右浮動
CSS基礎(四) 背景樣式
背景顏色和屬性包含以下內容 1 background color 背景顏色,可以針對布局標籤以及整個body進行顏色控制,改變背景顏色,而css中的color則是控制文字的顏色 注意 background image與img的區別 1 background image可以設定背景,可以在背景的基礎上...
CSS樣式(四) CSS定位
css定位 positioning 屬性 允許定義元素框相對於其正常位置應該改出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。一切皆為框 1 塊級元素 div h1或p標籤 即 顯示為一塊內容稱之為 塊框 2 行內元素 span,strong,a等元素 即 內容顯示在行中稱 行內框...
CSS基礎樣式
css指層疊樣式表,它作用是控制頁面內容的外觀。這樣就可以將網頁的內容和表現形式分離。層疊的意思是 如果選擇器的權重相同,則後面元素的樣式會覆蓋前面樣式。css樣式表由選擇器和宣告兩個部分組成,其中選擇器是通過名字來標識元素的,宣告用於定義元素的樣式。a 樣式表比較常見的有三種引入方式 1.行內樣式...