雖然說是一天搞定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...