CSS學習筆記 一

2021-08-24 23:00:47 字數 755 閱讀 7055

什麼是文件流?

對乙個網頁而言,body 元素下的任意元素,根據其前後順序,組成乙個個上下關係,這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁之中的位置。文件流是瀏覽器的預設顯示規則。

什麼是浮動?

float具有屬性值( left\right\none ),當設定了 float 屬性後,浮動元素會被移出文件流,不會影響到塊狀盒子的布局而只會影響內聯盒子(通常是文字)的排列。

為什麼要清除浮動?

為了防止浮動溢位

什麼是浮動溢位?

當容器的高度(height)為auto,且容器的內容中有浮動動(float/right)的元素,在這種情況下,容器不能自動伸長以適應內容的高度,使得內容溢位容器外面而影響布局的現象。這個現象叫浮動溢位,為了防止這個現象的出現而進行的css處理,就叫css清除浮動。

如何清除浮動?使用

,樣式:.cls;,這樣的缺點是會導致多餘**出現。

以容器標籤就用 overflow:atuo;為了相容ie6,還需要加上zoom:1;

使用after偽物件清楚浮動。該方法只適用於非ie瀏覽器。#layout:after 

隨時性地對父級元素清除浮動被 認為是書寫css的良好習慣。

CSS學習筆記一

css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制,屬於表現層的布局語言。然後在樣式表裡這樣定義 menubar 其中 menubar 是你自己定義的id名稱。注意在前面加 號。id選擇器也同樣支援派生,例如 menubar p 這個方法主...

css學習筆記(一)

1.群組選擇器 如 p,body,img,div 2.兄弟選擇器 如 p p 3.屬性選擇器 如 p title 4.包含 後代 選擇器 如 body ul li 5.子元素選擇器 如 div p 6.id選擇器 如 mydiv 7.類選擇器 如 class1 8.偽元素選擇器 如 e first ...

css學習筆記(一)

一 css樣式表基礎 1,css基本概念 css cascading style sheet 即層疊樣式表,簡稱樣式表,要理解樣式表的概念先要理解樣式的概念,樣式是對網頁中的元素 字型,段落影象,列表等 屬性的整體概括,即描述所有網頁物件的顯示形式 例如文字的大小,字型,背景及影象的顏色,大小等都是...