CSS全稱：Cascading Style Sheets 層疊樣式表
<link rel="stylesheet" href="css所在的目錄">/rel=relationship/
html引入css的4種方式
- 內(nèi)聯(lián) style屬性
- style標簽
- 外部文件 css link
- @import url（./xxx）;
左右布局把所有的子元素加上float:left;、在子元素的爸爸上面加上class="clearfix"，樣式中加上下面幾行代碼：
content: '';
display: block;
clear: both;}
上下居中
align-items: center;
justify-content: center;
div高度由其內(nèi)部文檔流元素的高度總和決定
文檔流：文檔內(nèi)元素的流動方向，內(nèi)聯(lián)元素從左往右流動（單詞不可分割可用word-break分割：word-break:break-all）；如果是塊級元素，每一個塊占據(jù)一行從上往下流動
css中不到迫不得已weight別寫100%，hight別寫死
css 一個“：”是偽類，兩個“：”是偽元素
基礎(chǔ)選擇器：
| 選擇器 | 含義 |
|---|---|
| * | 通用元素選擇器，匹配頁面任何元素（這也決定了我們很少使用） |
| #id | id選擇器，匹配特定的id元素 |
| .class | 類選擇器，匹配class包含（不是等于）特定類的元素 |
| element | 標簽選擇器 |
組合選擇器：
| 選擇器 | 含義 |
|---|---|
| E,F | 多元素選擇器，用“,”分隔，同時匹配元素E或元素F |
| E F | 后代選擇器，用空格分隔，匹配E元素所有的后代（不只是子元素、子元素向下遞歸）元素F |
| E>F | 子元素選擇器，用“>”分隔，匹配E元素的所有直接子元素 |
| E+F | 直接相鄰選擇器，匹配E元素之后的相鄰的同級元素F |
| E~F | 普通相鄰選擇器（弟弟選擇器），匹配E元素之后的同級元素F（無論直接相鄰與否） |
| .class1.class2 | id和class選擇器和選擇器連寫的時候中間沒有分隔符，“.”和“#”本身充當分隔符元素 |
| element#id | id和class選擇器和選擇器連寫的時候中間沒有分隔符，“.”和“#”本身充當分隔符元素 |
屬性選擇器：
| 選擇器 | 含義 |
|---|---|
| E[attr] | 匹配所有具有屬性attr的元素，div[id]就能取到所有有ID屬性的div |
| E[attr=value] | 匹配屬性attr值為value的元素，div[id=test]，匹配id=test的div |
| E[attr~=value] | 匹配所有屬性attr具有多空格分隔、其中一個值等于value的元素 |
| E[attr^=value] | 匹配屬性attr的值以value開頭的元素 |
| E[attr$=value] | 匹配屬性attr的值以value結(jié)尾的元素 |
| E[attr*=value] | 匹配屬性attr的值包含value的元素 |
偽類選擇器：
| 選擇器 | 含義 |
|---|---|
| E:first-child | 匹配元素E的第一個子元素 |
| E:linlk | 匹配所有未被點擊的鏈接 |
| E:visited | 匹配所有已被點擊的鏈接 |
| E:active | 匹配鼠標已經(jīng)其上按下、還沒有釋放的E元素 |
| E:hover | 匹配鼠標懸停其上的E元素 |
| E:focus | 匹配獲得當前焦點的E元素 |
| E:lang(c) | 匹配lang元素等于c的E元素 |
| E:enabled | 匹配表單中可用的元素 |
| E:disabled | 匹配表單中禁用的元素 |
| E:checked | 匹配表單中被選中的radio或者checkbox元素 |
| E::selection | 匹配用戶當前選中的元素 |
偽元素選擇器：
| 選擇器 | 含義 |
|---|---|
| E::first-line | 匹配E元素內(nèi)容的第一行 |
| E::first-letter | 匹配E元素內(nèi)容的第一個字母 |
| E::before | 在E元素之前插入生成的內(nèi)容 |
| E::after | 在E元素之后插入生成的內(nèi)容 |
選擇器的優(yōu)先級：
從高到底：
- 在屬性后面使用!important會覆蓋頁面內(nèi)任何位置定義的元素樣式
- 作為style屬性寫在元素標簽上的內(nèi)聯(lián)樣式
- id選擇器
- 類選擇器
- 偽類選擇器
- 屬性選擇器
- 標簽選擇器
- 通配選擇器
- 瀏覽器自定義
字體：打開控制臺，escape（微軟雅黑） 把“%u”替換成“\”
