css全稱：cascading style sheet 就是層疊樣式表的意思。
css就是為了裝飾我們的網頁，讓我們的網頁看起來漂亮。
從語義的角度去描述網頁的結構 html
從審美的角度去描述網頁的樣式 css
從互動的角度去描述網頁的動效 js
css由兩部分組成：
選擇器 + 屬性屬性：
font-family：字型選擇
font-size： 字型大小設定
color： 字型顏色
font-weight：字型粗細
font-style： 字型傾斜
text-align： 文字在盒子內水平方向
text-decoration：文字下劃線設定
line-height：行高
background-color： 設定背景顏色標籤名
標籤選擇器特點：選擇頁面上所有的這型別的標籤。
這類選擇器處理的是共性的問題，面對個性的問題的時候就顯得沒什麼用了。
②id選擇器
#id名
id選擇器的特點：因為id名是網頁上獨一無二的，所以，id選擇器只能選擇到乙個標籤。
它就是只能處理個性的問題。但是id選擇器在css中用的很少，為了和js區分。因為js當中以後用的id很多。所以在css當中為了避免重複，很少用。
③類選擇器class選擇器
.類名
乙個標籤可以擁有多個類，不同的標籤也可以擁有相同的類，這就造成了類選擇器非常實用。
它不但可以處理個性問題，還可以處理共性問題。
類選擇器用到最後，我們要學會抽象公共類。
公共類是整個頁面上公有的屬性。比如頁面上有很多個標籤都是紅色的，那麼我們就要把這個紅色給抽象出來。用乙個類表示。在設計網頁的時候，當寫到有這個紅色屬性的標籤時，同時就把這個類名給新增上。這就是公共類的用法。這樣的做法，會讓你省很多力。
④ 萬用字元選擇器
*
這個東西不常用，但是在我們教學期間會用很多。
通常情況下會用於css初始化。在實際專案中，要看公司允許不允許你這樣用。
⑤並集選擇器
選擇器1，選擇器2...
選擇器1選擇到的標籤 和 選擇器2選擇到的標籤 他們都會被新增上這個屬性樣式。也就是說選擇器1選擇到的標籤 和 選擇器2選擇到的標籤樣式相同，我們就可以用並集選擇器來去做。
實際開發當中真正的css初始化，用的就是並集選擇器。
萬用字元選擇器和並集選擇器通常都會用來對css初始化，但是*的效率比並集選擇器的效率低。因此實際開發當中用並集選擇器來對css初始化。
⑥交集選擇器
div.c1
選擇器1選擇器2
這個選擇器說的是選擇器1選擇到的標籤和選擇器2選擇到的標籤之間的公共部分，會被新增屬性。
⑦後代選擇器
選擇器1 選擇器2
選擇器1下的選擇器2所選擇到的標籤被新增屬性樣式。這個選擇器叫做後代選擇器。
後代選擇器，選擇的是選擇器1的後代裡面符合選擇器2的標籤。後代不但包含兒子輩也包含孫子輩，還包含所有的小輩。
⑧子代選擇器
選擇器1>選擇器2
選擇器1的兒子裡面符合選擇器2的標籤被新增屬性樣式。這個叫做子代選擇器。
子代選擇器和後代選擇器很像，但是後代選擇器選擇的是選擇器1所有的後代。而子代選擇器選擇的是選擇器1的兒子一代，再往後選擇不上。
①css有繼承性
css屬性當中以 color font line text開頭的屬性具有繼承性。
乙個家族的祖先如果設定了這四個屬性其中任意乙個，那麼它的這個屬性會有繼承性，也就是說它的所有的後代都會繼承這個設定的屬性。但是不允許中間有哪一代造反，如果中間有哪一代造反設定了相同的屬性，但是屬性值不一樣，那麼這一代和這一代之後的後代會繼承造反的這一代。
②css有層疊性
css層疊性表現在兩方面：
當多個選擇器同時選擇到相同的乙個標籤，並且給這個標籤新增不同的屬性，那麼這些屬性最終會疊加到這個標籤上。
當多個選擇器同時選擇到相同的乙個標籤，並且給這個標籤新增的屬性如果相同，但是屬性值不一樣，接下來遵循以下規則：
px是畫素
% 百分比表示方式是乙個相對單位，相對其父級元素
em 也是乙個相對單位，相對的是父級元素的字型大小。
em在沒有任何設定的情況下，1em=16px 當我們設定乙個家族的字型，讓祖先元素為1em，那麼這個祖先元素字型大小就是預設的16px。接著，我們讓這個祖先的兒子設定字型為2em，那麼這個兒子的字型大小就是32px。現在這個兒子又有乙個兒子去設定了字型為1em，現在這個em就不再是16px，而是相對父親字型的大小，1em就變成了32px。因此呢，em單位如果用在家族的巢狀很多時候，會比較亂。
rem 是根據em改良而來的，它也是乙個相對單位，相對的是跟元素的字型大小。
em家族巢狀多了會很亂，因為em的值是父級元素的字型大小，父級元素字型大小不確定，所以em的值就不確定。用多了em會亂，但是rem相對的就是html根元素的字型。無論巢狀多少，都是相對它的字型，因此rem的值是確定的，不會亂。
英文單詞法：在實際專案中不常用，因為單詞有侷限。
rgb十進位制表示法：rgb（red值，green值，blue值）
rgb十進位制表示方式，每個值範圍0~255；
rgb十六進製制表示方法：#ffffff
前兩個f表示r的值 中間兩個f表示g的值 後面兩個f表示b的值 如果留個f相同可以簡寫成三個 。這種表示方式是實際開發專案中應用最多的。
rgba帶有透明度的顏色值表示法：color: rgba(128,128,128,0.1);
這個表示方法和rgb10進製表示法很像，就是多了乙個數字，最後的a的數值可以從0~1,1代表不透明 0代表全透明。中間值代表半透明。一般都填寫的是小數，半透明。
前端複習筆記1 html 1
檔名 檔名 字尾名 檔案的操作 在我們的計算機中安卓了很多可以操作檔案的軟體，這些軟體都可以開啟同乙個檔案，但是不同的軟體開啟檔案的時候，檔案的模式是不同的，是 檢視器開啟的，那麼這個時候，這個檔案處於瀏覽模式。當我們用畫圖或ps開啟這張的時候，它可以修改，這個時候，這個檔案處於編輯模式。也就是說，...
前端複習筆記4 css 2
什麼是標準文件流 瀏覽器在解析頁面的時候，從上到下從左到右這樣的乙個解析過程，被稱為標準文件流。標籤的分類 二 容器級別 h1 h6 ol ul dl li dt dd table div 文字級別 p img a input label select textarea span 塊級標籤 h1 h...
CSS3 選擇器（1 X web 前端 複習必備）
選擇器說明 a b 選擇a之後的所有b元素 a b 選擇a的下乙個元素 選擇器說明 e attribute value 獲取指定開頭 e attribute value 獲取指定結尾 e attribute value 獲取包含某個值 選擇器說明 root 選擇文件的根元素 last child 該...