1.樣式有幾種引入方式? link和 @import有什么區(qū)別：
1.引用外部樣式表：<link rel="stylesheet" "type=text/css" href="css文件路徑地址">
??2.內(nèi)部樣式表：<style type="text/css"></style>
??3.內(nèi)聯(lián)樣式：<p style="font-size:12px;">這是段落</p>
link 和@import的區(qū)別：兩者都是外部引用CSS的方式，但是存在一定的區(qū)別：
區(qū)別1：link是XHTML標簽，除了加載CSS外，還可以定義RSS等其他事務；@import屬于CSS范疇，只能加載CSS。
區(qū)別2：link引用CSS時，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載。
區(qū)別3：link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
區(qū)別4：ink支持使用Javascript控制DOM去改變樣式；而@import不支持
2.文件路徑../main.css 、./main.css、main.css、/main.css有什么區(qū)別。
../main.css表示上層目錄中的main.css文件。
./main.css和main.css均表示當前目錄下的main.css文件。
3.onsole.log是做什么用的。
onsole.log()主要是方便調(diào)式javascript用的，因為它可以看到頁面中輸出的內(nèi)容。相比alert而言：它能看到結(jié)構(gòu)話的東西，如果是alert，彈出一個對象就是[object object],但是console能看到對象的內(nèi)容。還有就是console不會打斷你頁面的操作，如果用alert彈出來內(nèi)容，那么頁面就死了，但是console輸出內(nèi)容后你頁面還可以正常操作。
4.text-align有幾個值，分別有什么作用？寫截圖說明區(qū)別。
text-align的值和作用是：
區(qū)別：
5.px、em、rem分別是什么？有什么區(qū)別？如何使用。
1.px是像素，相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。
2.em的值并不是固定的； em會繼承父級元素的字體大小。
3.rem（root em，根em）：是CSS3新增的一個相對單位，這個單位引起了廣泛關注。這個單位與em有什么區(qū)別呢？區(qū)別在于使用rem為元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。目前，除了IE8及更早版本外，所有瀏覽器均已支持rem。對于不支持它的瀏覽器，應對方法也很簡單，就是多寫一個絕對單位的聲明。這些瀏覽器會忽略用rem設定的字體大小。
區(qū)別：對于只需要適配少部分手機設備，且分辨率對頁面影響不大的，使用px即可 。對于需要適配各種移動設備，使用rem，例如只需要適配iPhone和iPad等分辨率差別比較挺大的設備。
6.對chrome 審查元素的功能做個簡單的截圖介紹。
7.如下代碼，設置 p為幾 rem，讓h1和p的字體大小相等?
p{
font-size:6rem;
}
本教程版權(quán)歸饑人谷-duoduo和饑人谷所有，轉(zhuǎn)載須說明來源
