一.樣式有幾種引入方式? link 和 @import有什么區(qū)別
1.外部樣式
在head部分加入<link rel="stylesheet" type="text/css" href="my.css"/>,引入外部的css文件扣唱，樣式與結(jié)構(gòu)分離掘殴，易改版維護(hù)
2.內(nèi)部樣式
在head部分加入
<style type="text/css"> div{margin: 0;padding: 0;border:1px red solid;} </style>
從而在html中直接添加css樣式
3.內(nèi)聯(lián)樣式
直接在頁面的標(biāo)簽里加<div style="border:1px red solid;">內(nèi)聯(lián)樣式</div>男公，通用性差，用在效果特殊的地方
4.@import方法
<style type="text/css"> @import url(my.css); </style>
link 和 @import區(qū)別：
1.link屬于XHTML標(biāo)簽磁携，@import是CSS提供的一種方式氮唯。link標(biāo)簽除了可以加載CSS外鉴吹，還可以定義RSS，定義hrel連接屬性等您觉，@import只能加載CSS
2.加載順序上拙寡，當(dāng)一個(gè)頁面被加載的時(shí)候，link引用的CSS會(huì)同時(shí)被加載琳水，@import引用的CSS 會(huì)等到頁面全部被下載完再被加載
3.兼容性方面,@import是CSS2.1提出,老的瀏覽器不支持肆糕，只有在IE5以上的才能識別
4.link支持使用Javascript控制DOM去改變樣式；@import不支持
二.文件路徑../main.css 在孝、./main.css诚啃、main.css有什么區(qū)別
../main.css表示上一級目錄下的main.css文件
./main.css、main.css表示當(dāng)前目錄下的css文件
三.console.log是做什么用的
用于調(diào)試JS代碼私沮，看到在頁面中輸出的內(nèi)容始赎，alert彈出一個(gè)對象是(object object),console能看到對象的內(nèi)容，并且console不會(huì)像alert一樣打斷頁面的操作
四.text-align有幾個(gè)值仔燕，分別有什么作用
left——把文本排列到左邊造垛。默認(rèn)值：由瀏覽器決定。
right ——把文本排列到右邊
center —— 把文本排列到中間晰搀。
justify ——實(shí)現(xiàn)兩端對齊文本效果五辽。
inhreit ——規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值。
五.px外恕、em杆逗、rem分別是什么？有什么區(qū)別鳞疲？如何使用
1.px:相對長度單位罪郊，相對于顯示器屏幕分辨率而言的
2.em：相對測量單位，相對于當(dāng)前對象內(nèi)文本的字體尺寸尚洽。em會(huì)繼承父級元素的字體大小
3.rem：css3新增相對長度單位悔橄，相對HTML中的根元素。通過只修改根元素就成比例地調(diào)整所有字體大小
六.對chrome 審查元素的功能做個(gè)簡單的截圖介紹
七.如下代碼，設(shè)置 p為幾 rem橄维，讓h1和p的字體大小相等?
瀏覽器默認(rèn)字體大小16px尺铣，則
html中font-size為16*62.5%=10px，p應(yīng)該設(shè)置為60px/10px争舞，即6rem
