一天搞定CSS 終篇CSS總結

2022-02-21 13:34:21 字數 992 閱讀 5850

雖然說是一天搞定css,實際上也沒有那麼簡單。只能說讓你快速了解常見的css知識,解決基本的頁面樣式布局和設定。

每個獨立的css知識點都比較簡單,但是它們的應用非常靈活,特別是在綜合應用中。

粗略說,大概也就十幾個知識點:

1.css基本概念,以及分類

2.錶框border—粗細,樣式,顏色

3.背景background—背景顏色、背景以及定位、滾動、重複

4.字型font—顏色、大小、字型類別、行高、粗細

5.盒模型box—content、padding、border、margin

6.文字text–顏色、縮排、單詞間距

7.css選擇器—class、id、標籤、群組、包含、萬用字元

8.css選擇器優先順序–行間》id>class>標籤》萬用字元

9.樣式初始化—**樣式初始化

10.浮動float–left、right、none

11.清除浮動float—浮動的缺點、浮動與inline-block區別

清除浮動:

浮動(float)的***:

浮動(float)與inline-block的區別:

12.overflow—子級溢位父級的問題處理,auto、hidden、visible、scroll

13.兩種布局—bfc和layout

bfc布局與普通文件流布局比較:

支援ie的layout布局:

14.定位position—fixed,relative,absolute,static

15.層級z-index

16.**table—table、thead、tbody、tfoot、tr、th、td

17.表單form—input、label、textarea

一天搞定CSS 層級 z index 18

因為定位的出現,所以有了元素重疊的情況,此時就出現了顯示誰的情況。在多層布局時,容易出現這種情況 定位position見 但層級規則可以通過z index來設定 1.在正常情況下,層級的大小由順序決定,後面的元素要比前面的元素的層級要高 charset utf 8 title div div2 sp...

css學習第一天

1 沒有樣式表時,如果我想更新整個站點中所有主體文字的字型,我必須一頁一頁地修改每張網頁。即便站點用資料庫提供服務,我仍然需要更新所有的模板,而且更新每一模板中每乙個例項例項的 樣式表的主旨就是將格式和結構分離。利於樣式表,我可以將站點上所有的網頁都指向單一的乙個 css檔案,我只要修改 css檔案...

CSS學習第一天

在css中,我們需要選擇器來進行選擇我們要進行操作的標籤,它的作用就是選擇標籤。1.基礎選擇器 形式標籤名 例如 div類選擇器 這是使用最多的選擇器 形式 類名 例如 eg注意不要忘記類名前面的乙個點。這裡有乙個口訣可以幫助我們記憶 樣式點 定義,結構 class 呼叫,乙個或多個,開發最常用。i...