一.樣式有幾種引入方式? 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)樣式
直接在頁(yè)面的標(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è)頁(yè)面被加載的時(shí)候，link引用的CSS會(huì)同時(shí)被加載，@import引用的CSS 會(huì)等到頁(yè)面全部被下載完再被加載
3.兼容性方面,@import是CSS2.1提出,老的瀏覽器不支持，只有在IE5以上的才能識(shí)別
4.link支持使用Javascript控制DOM去改變樣式；@import不支持

二.文件路徑../main.css 、./main.css、main.css有什么區(qū)別

../main.css表示上一級(jí)目錄下的main.css文件
./main.css、main.css表示當(dāng)前目錄下的css文件

三.console.log是做什么用的

用于調(diào)試JS代碼，看到在頁(yè)面中輸出的內(nèi)容，alert彈出一個(gè)對(duì)象是(object object),console能看到對(duì)象的內(nèi)容，并且console不會(huì)像alert一樣打斷頁(yè)面的操作

四.text-align有幾個(gè)值，分別有什么作用

left——把文本排列到左邊。默認(rèn)值：由瀏覽器決定。
right ——把文本排列到右邊
center —— 把文本排列到中間。
justify ——實(shí)現(xiàn)兩端對(duì)齊文本效果。
inhreit ——規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值。

五.px、em、rem分別是什么？有什么區(qū)別？如何使用

1.px:相對(duì)長(zhǎng)度單位，相對(duì)于顯示器屏幕分辨率而言的
2.em：相對(duì)測(cè)量單位，相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。em會(huì)繼承父級(jí)元素的字體大小
3.rem：css3新增相對(duì)長(zhǎng)度單位，相對(duì)HTML中的根元素。通過(guò)只修改根元素就成比例地調(diào)整所有字體大小

六.對(duì)chrome 審查元素的功能做個(gè)簡(jiǎn)單的截圖介紹

審查.png

七.如下代碼，設(shè)置 p為幾 rem，讓h1和p的字體大小相等?

6rem.png