問答
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)樣式 寫在標簽內(nèi) eg：<p style="×××></p>
link和@import區(qū)別：
1.link是XHTML標簽，除了加載CSS外，還可以定義RSS等其他事物；@import屬于CSS范疇，只能加載CSS。
2.link引用CSS時，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載。
3.link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
4.link支持使用Javascript控制DOM去改變樣式；@import不支持。
5.tip：@import最優(yōu)寫法兼容最多@import url(style.css) 和@import url("style.css")字節(jié)優(yōu)化@import url(style.css)
2文件路徑../main.css、./main.css 、main.css有什么區(qū)別
../main.css：上級文件目錄的文件
./main.css：當前文件目錄的文件
main.css：當前文件目錄的文件
3、console.log是做什么用的
onsole.log()是方便調(diào)式j(luò)avascript用的，因為它可以看到頁面中輸出的內(nèi)容，不打斷調(diào)試。如果是alert，彈出一個對象就是[object object],不能看到對象的內(nèi)容，只顯示對象類型。還有就是alert會打斷你頁面的操作，影響到調(diào)試。
4、text-align有幾個值，分別有什么作用
text-align 屬性規(guī)定元素中的文本的水平對齊方式。該屬性通過指定行框與哪個點對齊，從而設(shè)置塊級元素內(nèi)文本的水平對齊方式。它的值有：left、center、right、justify、inherit。
left 把文本排列到左邊。默認值：由瀏覽器決定。
right 把文本排列到右邊。
center 把文本排列到中間。
**justify **實現(xiàn)兩端對齊文本效果。
**inherit **從父元素繼承 text-align 屬性的值。
5、px、em、rem分別是什么？有什么區(qū)別？如何使用
px表示絕對大小，而em和rem表示相對單位。
px：像素值（chrome里面最小12px，小于12px沒有效果）。
em：相對父元素的倍數(shù)大小，若父元素未聲明，則追溯到上一級父元素。
rem：相對html根節(jié)點（默認16px）倍數(shù)大小，若根節(jié)點未聲明，則使用默認值16px。
6、對chrome 審查元素的功能做個簡單的截圖介紹
7、如下代碼，設(shè)置 p為幾 rem，讓h1和p的字體大小相等?
16px×62.5%=10px
60px÷10px=6rem
