今天開始學(xué)習(xí)css
css主要作用是美化網(wǎng)頁(yè)蝗羊，布局網(wǎng)頁(yè)
css通常包含兩個(gè)部分： ? ? ?? 選擇器：改誰(shuí)的樣式铐姚； 樣式聲明：改成什么樣式哥倔。?
css通常寫在html的head標(biāo)簽里兜喻，外面一定要有<style>標(biāo)簽涩哟。
問(wèn)題：CSS 語(yǔ)法格式是什么番甩？ ? ? ? ? 答案：選擇器 { 屬性: 值; 屬性: 值; }
*1. 在 HTML 中寫樣式不要忘記加 style 標(biāo)簽侵贵；
? 2. 設(shè)置字體不要忘記 px ；
CSS 代碼風(fēng)格
1.更推薦展開格式缘薛，因?yàn)楦庇^窍育，更易于閱讀和維護(hù)。
2.書寫樣式時(shí)宴胧，應(yīng)該使用小寫字母漱抓。
3.書寫樣式時(shí)，有兩個(gè)地方需要注意空格恕齐。
選擇器分為兩大類：基礎(chǔ)選擇器和符合選擇器
基礎(chǔ)選擇器：由單個(gè)選擇器組成（今天學(xué)習(xí)）乞娄； 標(biāo)簽、類显歧、id仪或、通配符。?
1.標(biāo)簽選擇器：標(biāo)簽選擇器就是使用 HTML 標(biāo)簽名稱作為選擇器士骤。?
結(jié)果：把某一類標(biāo)簽選擇出來(lái)范删，統(tǒng)一修改樣式；
?優(yōu)點(diǎn)：快速拷肌、統(tǒng)一設(shè)置同類型標(biāo)簽的樣式瓶逃；?
缺點(diǎn)：沒(méi)有差異化束铭。
2.類選擇器：如果想差異化選擇不同的標(biāo)簽，單獨(dú)選擇一個(gè)或某幾個(gè)標(biāo)簽厢绝。?
1. 定義類選擇器： 1. 選擇器名稱前有一個(gè) . 表示是類選擇器契沫；?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? 2. {} 中仍然是一個(gè)或多個(gè)鍵值對(duì)。
?2. 使用類選擇器： 1. 找到需要修改樣式的標(biāo)簽昔汉；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2. 給標(biāo)簽增加 class 屬性懈万，屬性值是選擇器的類名。
?3. 注意事項(xiàng)： 1. 使用類選擇器不需要 . 靶病！ 2. 使用類選擇器不需要 . 会通！ 3. 使用類選擇器不需要 . ！?
*類選擇器口訣 1. 樣式點(diǎn)定義 2. 結(jié)構(gòu)類調(diào)用 3. 一個(gè)或多個(gè) 4. 開發(fā)最常用
3.id選擇器：專門定義 HTML 中某個(gè)特定元素的樣式娄周，因?yàn)?id 是唯一的涕侈。?
1. 定義帶 id 的 HTML 元素： 1. 給 HTML 中的某個(gè)特殊元素增加 id 屬性。?
2. 定義 id 選擇器： 1. 選擇器名稱前有一個(gè) # 表示是 id 選擇器煤辨；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2. 選擇器名稱就是對(duì)應(yīng) HTML 元素的 id 名稱裳涛；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3. {} 中仍然是一個(gè)或多個(gè)鍵值對(duì)。?
*id 選擇器口訣 1. 樣式 # 定義 2. 結(jié)構(gòu) id 調(diào)用 3. 只能用一次 4. 別人勿使用
4.通配符選擇器：通配符選擇器使用“* ”符號(hào)众辨； 表示選取頁(yè)面中的所有元素端三。
通配符選擇器不需要調(diào)用，瀏覽器在解釋 HTML 時(shí)鹃彻，會(huì)把通配符選擇器中定義的樣式應(yīng)用到頁(yè)面中的每一個(gè)元素郊闯。
2 字體屬性
字體 font-family ,各種字體之間必須要用英文的,隔開
字號(hào) font-size,標(biāo)題標(biāo)簽畢竟特殊，需要單獨(dú)設(shè)置
字體粗細(xì) font-weight ? ? ? ?? bold=700實(shí)現(xiàn)加粗 ? ? normal=400實(shí)現(xiàn)變細(xì) ?? 取值100~900不跟單位
字體樣式 font-style ? ? ? ? ? ? ? normal可以讓斜體便正常
3 font復(fù)合屬性寫法
font: ? ? ?? font-style? font-weight? font-size? font-family
*不能顛倒順序蛛株，各個(gè)屬性用空格隔開团赁；至少保留size和family
3 文字顏色 color
預(yù)定義的顏色名： red 、 green 谨履、 blue 欢摄；?
十六進(jìn)制： #ff0000 ；
RGB 代碼： rgb(255, 0, 0) 或 rgba(255, 0, 0, 0.5) 屉符。
*最常用十六進(jìn)制
4 文本對(duì)齊 text-align
可以設(shè)置水平方向上的對(duì)齊方式。?
left ：左對(duì)齊（默認(rèn)）锹引； right ：右對(duì)齊矗钟； center ：居中。?
文本對(duì)齊的本質(zhì)是：讓盒子內(nèi)部的文本按照盒子邊界對(duì)齊嫌变。?
*不可以給不是獨(dú)占一行的元素設(shè)置文本對(duì)齊
5 文本裝飾 text-decoration
問(wèn)題 ：如何取消 a 標(biāo)簽?zāi)J(rèn)的下劃線吨艇？
? ? ? ? ? ?? text-decoration: none; 。
6 文本縮進(jìn) text-indent
單位“em”是相對(duì)單位腾啥，就是按照當(dāng)前元素的一個(gè)文字的大小东涡。
text-indent 屬性僅對(duì)獨(dú)占一行的元素生效冯吓。
*  ：半角空格, 占據(jù)寬度正好是 1/2 個(gè)中文寬度；
?  ：全角空格, 占據(jù)寬度正好是 1 個(gè)中文寬度疮跑。
7 行間距 line-height
問(wèn)題：line-height 的作用是什么组贺？
答案：控制文本行與行之間的距離； 文本在盒子中垂直居中祖娘。
行間距由 “上間距失尖； 文本高度； 下間距 ”組成
CSS 的三種引入方式?
1?內(nèi)部樣式表
理論上可以放在 HTML 的任何位置渐苏； 推薦放在 head 標(biāo)簽中掀潮，不要忘記還有一個(gè) style 標(biāo)簽哦。
2 行內(nèi)樣式表
特點(diǎn)：
寫在元素的 style 屬性中琼富；
?適合于簡(jiǎn)單仪吧、快速、臨時(shí)修改樣式鞠眉； 在 style 屬性中薯鼠，
使用鍵值對(duì)設(shè)置樣式，不需要 {} 凡蚜；
?寫在哪個(gè)元素就控制哪個(gè)元素人断，對(duì)其他元素沒(méi)有效果。?
3 外部樣式表?
在實(shí)際開發(fā)中朝蜘，外部樣式表引入方式使用最多恶迈。
核心思想：HTML 與 CSS 分離 (結(jié)構(gòu)與樣式分離)。?
外部樣式表的使用步驟：1. 新建外部的 CSS 文件并編寫樣式谱醇；?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2. 在 HTML 中使用 link 標(biāo)簽引入外部樣式表暇仲。
?外部樣式表中不使用 style 標(biāo)簽，標(biāo)簽是 HTML 的副渴，CSS 中只有樣式奈附。
在html頁(yè)面中，使用<link>引入
參考代碼：<link rel="stylesheet" href="./css/style.css" />
