樣式的引入方式蜂大，link 和 @import的區(qū)別
1.外部引入式
使用link標簽或者@import標簽從外部引入后綴名為.css的樣式文件，語法分別是：
@import url(路徑+###.css);```
2.嵌入式
把樣式寫在當前<style></style>標簽內(nèi)袍镀，語法是：
```<style>p {color:red; text-align:center;}</style>```
3.內(nèi)聯(lián)式
在所要添加樣式的開始標簽內(nèi)添加樣式（不能在結(jié)束標簽添加）裁厅，語法為：
```<p style="color:yellow,font-size:20px">我是P標簽內(nèi)容</p>```
link 和 @import的區(qū)別：
- link是XHTML標簽枫匾，除了加載CSS外狭握，還可以定義RSS等其他事務；@import屬于CSS范疇叼屠，只能加載CSS瞳腌。
- link引用CSS時，在頁面載入時同時加載镜雨；@import需要頁面網(wǎng)頁完全載入以后加載嫂侍。
- link是XHTML標簽，無兼容問題荚坞；@import是在CSS2.1提出的挑宠，低版本的瀏覽器不支持。
- link支持使用Javascript控制DOM去改變樣式颓影；而@import不支持痹栖。
# 文件路徑../main.css 、./main.css瞭空、main.css、/main.css的區(qū)別
> ../main.css代表上級目錄的main.css文件
./main.css代表當前目錄main.css文件
main.css代表當前目錄的main.css文件
/main.css 是在當前目錄的根目錄尋找 css文件
# console.log的作用
用于調(diào)試代碼疗我，在控制臺中更改變量咆畏。
# text-align的用法
共五種：
> text-align：left 表示文本排列到左邊
text-align：center 表示本文居中
text-align：right 表示文本排列到右邊
text-align：inherit 表示文本繼承父元素text-align屬性值進行排列
text-align：justify表示文本排列水平對
# px、em吴裤、rem
- px（Pixel）旧找，代表像素。
- em為相對長度單位麦牺，所有未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px钮蛛。em為相對父級元素的單位大小而產(chǎn)生變化。為了簡化font-size的換算剖膳，需要在css中的body選擇器中聲明Font-size=62.5%魏颓，這就使em值變?yōu)?16px*62.5%=10px, 這樣12px=1.2em, 10px=1em。
- rem也為相對長度單位吱晒，但只為相對根元素的單位大小產(chǎn)生變化甸饱。
# chrome 的審查元素功能
