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標(biāo)簽捐迫，除了加載CSS外竖伯，還可以定義RSS等其他事務(wù)；@import屬于CSS范疇重虑，只能加載CSS。
區(qū)別2：link引用CSS時，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載援岩。
區(qū)別3：link是XHTML標(biāo)簽，無兼容問題掏导；@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均表示當(dāng)前目錄下的main.css文件计雌。
3.onsole.log是做什么用的。
onsole.log()主要是方便調(diào)式j(luò)avascript用的玫霎，因為它可以看到頁面中輸出的內(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新增的一個相對單位颇蜡，這個單位引起了廣泛關(guān)注。這個單位與em有什么區(qū)別呢拯啦？區(qū)別在于使用rem為元素設(shè)定字體大小時澡匪，仍然是相對大小，但相對的只是HTML根元素褒链。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身唁情，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)甫匹。目前甸鸟，除了IE8及更早版本外，所有瀏覽器均已支持rem兵迅。對于不支持它的瀏覽器抢韭，應(yīng)對方法也很簡單，就是多寫一個絕對單位的聲明恍箭。這些瀏覽器會忽略用rem設(shè)定的字體大小刻恭。
區(qū)別：對于只需要適配少部分手機(jī)設(shè)備，且分辨率對頁面影響不大的扯夭，使用px即可 鳍贾。對于需要適配各種移動設(shè)備，使用rem交洗，例如只需要適配iPhone和iPad等分辨率差別比較挺大的設(shè)備骑科。
6.對chrome 審查元素的功能做個簡單的截圖介紹。
7.如下代碼构拳，設(shè)置 p為幾 rem咆爽，讓h1和p的字體大小相等?
p{
font-size:6rem;
}
本教程版權(quán)歸饑人谷-duoduo和饑人谷所有，轉(zhuǎn)載須說明來源
