<h3>1.樣式有幾種引入方式?</h3>
<ul>
<li>外部樣式表
在head部分加入
<link rel='stylesheet' type='text/css' href = '/css/base.css'>，引入外部的CSS文件.此種方式的優點：一個頁面可以引入多個外部CSS文件，方便CSS代碼復用，方便維護；
目前應用較多。
缺點：代碼量集中，容易混亂。
<li>內部樣式表
在head部分加入
<html><head><style> div { background: #fff; } </style></head></html>此種方式的優點：單個頁面內的CSS代碼具有統一性和規劃性，便于維護。
缺點：多個頁面之間CSS復用仍然不夠。
<li>行內樣式表
<p style="font-size:12px; color: blue">這種方式的優點：分散靈活方便；
缺點：缺乏整體性和規劃性，不利于維護，維護成本高；
這種方式的CSS渲染的優先級要高于其它三種。
<li>導入
@import url("test.css")特點：引入方便，但性能可能較差</br>
<h3>2.link和@import的區別？</h3>
1.范疇不同： link是HTML標簽，除了加載CSS之外，還可以定義其他如RSS事務；@import屬于CSS范疇，只能加載CSS；
2.加載順序不同：link引入CSS時，在頁面加載時同時加載，而@import需要頁面完全載入以后加載；
3.兼容性差別： link是XHTML標簽，因此無兼容問題，而@import是CSS2.1提出的（IE5以上才能識別），因此低版本的瀏覽器不兼容；
4.是否支持JS DOM改變： link支持使用JavaScript控制DOM改變CSS樣式，@import不支持
5.權重不同： link方式樣式的權重高于@import樣式的權重。</br>
<h3>3.文件路徑../main.css 、./main.css、main.css、/main.css有什么區別?</h3>
| 文件路徑 | 區別 |
|---|---|
| ../mian.css | 上級目錄的main.css |
| ./mian.css | 當前目錄的mian.css |
| mian.css | 當前目錄的mian.css |
| /mian.css | 根目錄的mian.css |
<h3>4.console.log是做什么用的?</h3>
console.log()是向控制臺輸出一條消息，作用是讓開發者調試代碼。
</br>
<h3>5.text-align有幾個值，分別有什么作用？寫截圖說明區別?</h3>
| 值 | 作用 |
|---|---|
| left | 把文本排列到左邊。默認值：由瀏覽器決定。 |
| right | 把文本排列到右邊。 |
| center | 把文本排列到中間。 |
| justify | 實現兩端對齊文本效果。 |
| inherit | 規定應該從父元素繼承 text-align 屬性的值。 |
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。######
<h3>6.px、em、rem分別是什么？有什么區別？如何使用</h3>
1.px：是Pixel的縮寫，像素，是指基本原色素及其灰度的基本編碼.
2.em：單位名稱為相對長度單位，相對于當前對象內文本的字體尺寸.
3.rem：是相對單位，是相對HTML根元素.</br>
<h3>區別?</h3>
| 值 | 區別 |
|---|---|
| px | px為相對長度單位，像素（px）是相對于顯示器屏幕分辨率而言的； |
| em | em為相對長度單位。相對于當前對象內文本的字體尺寸； |
| rem | rem可謂集相對大小和絕對大小的優點于一身，通過它既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。 |
<h3>使用?</h3>
選擇使用什么字體單位主要由你的項目來決定，如果你的用戶群都使用最新版的瀏覽器，那推薦使用rem（除了IE8及更早版本外），如果要考慮兼容性，那就使用px,或者兩者同時使用。國外的大部分網站能夠調整的原因在于其使用了em作為字體單位。</br>
<h3>7.對chrome 審查元素的功能做個簡單的截圖介紹?</h3>
。
感謝觀眾~~~
本教程版權歸饑人谷peter和饑人谷所有，轉載須說明來源
