一、樣式有幾種引入方式? link和 @import有什么區別？
1.樣式有三種引入方式，分別是
- 外部樣式表<link rel="stylesheet" type="text/css" href="index.css">
- 內部樣式表（位于標簽內部）
<style type="text/css">
???p{color:red;}
</style> - 內聯樣式（在HTML元素內部）
<p style="color:red;font-size:15px;">這是一個段落</p>
2.link和 @import有的區別：
- link屬于HTML標簽，@import是css提供的一種引入方式；
- 加載順序不同，link引入的css在頁面被加載時會同時加載，而@import需要等到頁面都加載完全后才加載，因此網速慢的時候容易看到沒有css樣式的頁面；
- link引入的css兼容性更好，@import是在CSS2.1提出的，低版本的瀏覽器不支持；
二、文件路徑../main.css、./main.css、main.css、/main.css有什么區別？
- ../main.css指的是上一級目錄下的文件；
- ./main.css;main.css;/main.css都是指當前目錄下面的文件；
三、console.log是做什么用的？
- 調試JavaScript用的。類似于alert，不過不會彈出彈窗打斷操作。
四、text-align有幾個值，分別有什么作用？寫截圖說明區別
1.text-align是設置文本得對其方式的，常用的值有4個；
- text-align:left是文本左對齊；
- text-align:center是文本居中；
- text-align:right是文本右對齊；
- text-align:justify是文本左右兩端對齊；
2.截圖說明：
演示代碼
對應文本效果
五、px、em、rem分別是什么？有什么區別？如何使用？
1.px像素是相對于顯示器分辨屏幕而言的。可以設置多少像素大小來適應網頁制作的需要，一般用作PC端固定布局。
2.em是根據父元素字體大小的屬性來計算的，如果設置父元素的字體大小為16px；子元素字體大小為font-size:1.5em，那么該子元素字體換算成像素就是24px。
3.rem是css3新增的一個相對單位。rem得大小是根據HTML根元素大小來設定的。計算方法跟em類似，而且后兩種單位表達方式多用于移動端布局。
六、對chrome 審查元素的功能做個簡單的截圖介紹
審查元素功能
七、如下代碼，設置 p為幾 rem，讓h1和p的字體大小相等?
Paste_Image.png
- 瀏覽器默認的字體大小為16px，那么HTML的字體大小應該為16px×62.5%=10px；
- rem的大小是根據HTML跟元素字體大小來設定的，因此p{font-size:6rem};
