今天是學習前端的第四天，主要學習了復合選擇器、元素的顯示模式及背景的相關用法。
復合選擇器由兩個或多個基礎選擇器通過不同方式組合而成，可以更準確、更高效的選擇目標元素。常用的復合選擇器由四類，分別是後代選擇器、子代選擇器、並集選擇器以及偽類選擇器。後代選擇器：可以選擇父元素中所有的子元素，其元素可以使用任何基礎選擇器進行組合，但元素1必須是元素2的父級元素，二者之前用空格隔開，記為：元素1 元素2。子代選擇器：用於選擇某個元素最近一級的子元素，其元素可以使用任何基礎選擇器進行組合，元素1必須是元素2的上一級元素，二者之前用大於號分開，記為：元素1>元素2。並集選擇器：用於選擇多組標籤，同時設定相同的樣式，其元素不僅可以使用基礎選擇器，也可以使用後代或是子代選擇器，元素間用逗號隔開，通常豎式排列，最後乙個選擇器後不加逗號，記為：元素1，元素2。偽類選擇器主要學習了鏈結偽類選擇器和focus偽類選擇器。鏈結偽類選擇器可以針對鏈結的不同狀態設定不同的樣式，共有四個：link（選擇所有未被訪問的鏈結）、visited（選擇所有已被訪問的鏈結）、hover（選擇滑鼠指標停留的鏈結）以及active（選擇滑鼠按下未抬起的鏈結），按照以上順序書寫，但通常只使用hover乙個選擇器，記為：a:hover。focus偽類選擇器可以在表單中突出顯示當前獲得焦點的表單元素，提公升使用者體驗，記為：input:focus。
元素顯示模式用於定義元素的顯示方式，在html中一般有三種顯示模式：行內元素、塊級元素以及行內塊元素。行內元素具有以下特點：1.相鄰元素同行顯示，一行可以有多個行內元素；2.不能直接給行內元素設定寬度、高度或是內外邊距等屬性；3.預設寬度是內容的寬度；4.只能容納文字或其他行內元素。需要注意的是標籤中不能再放標籤，但可以存放塊級元素。塊級元素具有以下特點：1.獨佔一行；2.可以設定寬度、高度及內外邊距等屬性；3.預設寬度是父級元素的寬度；4.可以存放行內元素和塊級元素。需要注意的是不要在文字類元素（
及）中新增其他元素，專注文字存放。行內塊元素具有以下特點：1.相鄰元素同行顯示，一行可以有多個行內塊元素，元素之間存在空白縫隙；2.預設寬度為內容的寬度；3.可以設定寬度、高度及內外邊距等屬性。我們可以通過display來轉換元素的顯示模式，記為：轉換為塊級元素，或轉換為行內塊元素，或是轉換為行內元素。
背景非常容易控制位置，所以一般用於logo或是超大等場景。我們可以使用來引入背景。背景預設是水平垂直平鋪的，我們可以使用來規定平鋪方式(repeat水平垂直平鋪；no-repeat不平鋪；repeat-x水平平鋪；repeat-y垂直平鋪)。我們可以使用來確定背景的位置，通常有兩種方式：方位名詞和精確單位。方位名詞有left/right/center(水平方向)、top/bottom/center(垂直方向)，使用方位名詞時沒有順序要求，如果只是指定了乙個方位名詞，那麼第二個預設居中對齊。精確單位的單位可以用px，書寫時第乙個為水平方向，第二個為垂直方向，必須按照順序書寫，設定值是距左側/頂部的距離。我們可以使用背景固定來製作視差滾動效果，記為：(預設，背景跟隨滾動)或是(背景固定)。背景屬性也可以使用復合寫法，不需將屬性寫全，需要什麼就寫什麼，沒有順序要求，但一般推薦為：。
前端 第四天學習
第四天知識總結 1 樣式表 內部樣式表 外部樣式表 內聯樣式表 2 樣式表的權重 內聯樣式表的權重最大！內部和外部樣式的權重，和書寫的前後順序有關！放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式，不同屬性的樣式會繼續執行。3 css選擇符 css語法 選擇符 選擇符 選擇符就是給標籤起...
學習前端第四天
三十六 css的產生 cascading style sheets 層疊樣式表 隨著html的成長，為了滿足頁面設計的要求，html新增了很多顯示的功能，但是隨著這些功能的增加，html變得越來越雜亂，而且html頁面也越來越臃腫，於是css便誕生了，它的版本有2.0和3.0的版本，css3因為有相...
學習前端第四天
1.複習前一天學習的 表單。2.補充 內容 下拉列表 輔助表單 3.css語法 1.基礎語法 寬 width 高 height 顏色 color 1.單詞表示法 red，blue。2.十六進製制表示法 000000 3.rgb 255，0，0 背景顏色 background color 邊框 bor...