1.樣式有幾種引入方式? link 和 @import有什么區(qū)別
樣式的引入有三種方式：
1.css內(nèi)聯(lián)式，可直接寫在html標(biāo)簽內(nèi)，一般不建議這種寫法。
<p style="color:red;font-size:12px">這里文字是紅色</p>
2.css嵌入式，CSS代碼寫在<style>標(biāo)簽中并放在head標(biāo)簽內(nèi)
<style type="text/css"> p{ font-size:10px; } </style>
3.css導(dǎo)入式，分link和import方式
[1]link鏈接<link href="main.css" rel="stylesheet" type="text/css" />
[2]import導(dǎo)入 <style type="text/css">@import "blue.css"</style>
注：三種css引入方式的優(yōu)先級，內(nèi)聯(lián)式》嵌入式》導(dǎo)入式，是嵌入式>導(dǎo)入式有一個前提：嵌入式css樣式的位置一定在外部式的后面。一般將<link href="style.css" ...>代碼寫在<style type="text/css">...</style>嵌入式的前面（實際開發(fā)中也是這么寫的）。其實總結(jié)來說，就是--就近原則（離被設(shè)置元素越近優(yōu)先級別越高）.引入css樣式、A鏈接使用href,引入其他的圖片,js代碼使用src
link和import方式的區(qū)別：
link和@import的最根本區(qū)別就是，link是一個html的一個標(biāo)簽，而@import是css的一個標(biāo)簽。link屬于XHTML標(biāo)簽（功能不局限于導(dǎo)入CSS），而@import則是CSS提供的一種規(guī)則（CSS2.1提出的規(guī)范，老瀏覽器不兼容）。
【1】@import url（）機(jī)制是不同于link的，link是在加載頁面前把css加載完畢，所以顯示出來的頁面從開始就是帶樣式效果的；而@import url（）則是讀取完文件后再加載樣式，所以會出現(xiàn)一開始沒有css樣式，閃爍一下出現(xiàn)樣式后的頁面(網(wǎng)速慢的情況下)。
【2】使用javascript控制dom改變樣式的時候只能使用link標(biāo)簽，@import導(dǎo)入的樣式不受dom控制其樣式。
2.文件路徑../main.css 、./main.css、main.css、/main.css有什么區(qū)別
- ../main.css 相對路徑，指向當(dāng)前所在目錄的上級目錄下的main.css文件
- ./main.css 相對路徑，指向當(dāng)前所在目錄下的main.css文件
- main.css 絕對路徑，指向當(dāng)前所在目錄下的main.css文件
- /main.css 絕對路徑，指向根目錄下的main.css文件
3.console.log是做什么用的
console.log主要用于對JavaScript程序調(diào)試，相比于alert()，console.log僅在控制臺中打印相關(guān)信息，不會阻斷JavaScript程序的執(zhí)行。console.log()可以接受任何字符串、數(shù)字和JavaScript對象。與alert()函數(shù)類似，console.log()也可以接受換行符\n以及制表符\t。console.log()語句所打印的調(diào)試信息可以在瀏覽器的調(diào)試控制臺中看到。
4.text-align有幾個值，分別有什么作用？寫截圖說明區(qū)別
text-align有5個值，left/right/center/justify/inherit，左對齊/右對齊/居中對齊/兩端對齊/繼承父元素align值。justify兩端對齊的時候，每行中的字間距可能不一致。
5.px、em、rem分別是什么？有什么區(qū)別？如何使用
px像素單位，em、rem相對單位，em（相對父元素字體大小的倍數(shù)，父元素不存在時繼續(xù)向上層找其父元素，如找不到則以瀏覽器默認(rèn)字體16px大小為基準(zhǔn)） ，rem（相對于HTML根節(jié)點元素字體大小的倍數(shù)）。
1.px：是你屏幕設(shè)備物理上能顯示出的最小的一個點，這個點不是固定寬度的，不同設(shè)備上點的長寬、比例有可能會不同。假設(shè)：你現(xiàn)在用的顯示器上1px寬=1毫米，但我用的顯示器1px寬=兩毫米，那么你定義一個div寬度為100px，你顯示器上看這個div是10厘米，我顯示器上看是20厘米。另外一個px點的長寬不一定是1:1的正方形，有的設(shè)備上長寬比是不一樣的。IE無法調(diào)整那些使用px作為單位的字體大小。
2.em：所有現(xiàn)代瀏覽器下默認(rèn)字體尺寸是16px。這時1em=16px。然后你人為的把body里面定義font-size:12px;（把瀏覽器默認(rèn)16px改小了），此刻1em=12px，如果是0.8em則實際等于12px*0.8。em的用處是你要整個網(wǎng)頁字體統(tǒng)一變大變小你只要改body里面font-size的值就行了.
<style>
body{font-size: 16px;}
p{font-size:0.75em;}
span{font-size:2em;}
</style>
<html>
我大小為16px;
<p>此段落文字大小為12px(16×0.75);
<span>我大小是2em，即24px，這里是相對父級字號×2的，而不是相對body里面的16px</span>
</p>
</html>```
3.rem em相對父級，嵌套層多了算字體大小很麻煩。所以有了Rem(IE6-8不支持)，他只相對html根元素字體尺寸(默認(rèn)還是16px，除非你自己用font-size定義其他大小)，rem沒有了繼承父級尺寸這個關(guān)系。通過rem既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。比如默認(rèn)的html font-size=16px，那么我想設(shè)置12px 的文字就是：12÷16=0.75（rem）,實際開發(fā)中為了便于計算，我們改變一下html的默認(rèn)font-size=10px不就好計算了（10÷16=62.5%）！再將原來的px數(shù)值除以10，然后換上em作為單位。對于不支持rem的瀏覽器，應(yīng)對方法也很簡單，就是多寫一個絕對單位PX的聲明。這些瀏覽器會忽略用rem設(shè)定的字體大小。
```html
html{font-size:62.5%; <!--10÷16=62.5%-->}
body{font-size:12px;font-size:1.2rem ; <!-- 12÷10=1.2rem -->}
p{font-size:14px;font-size:1.4rem;<!--14÷10=1.4rem-->} ```
**對于只需要適配少部分手機(jī)設(shè)備，且分辨率對頁面影響不大的，使用px即可。 對于需要適配各種移動設(shè)備，使用rem**
***
#####6.對chrome 審查元素的功能做個簡單的截圖介紹
***
#####7.如下代碼，設(shè)置 p為幾 rem，讓h1和p的字體大小相等?
```html
<h1>饑人谷</h1>
<p>饑人谷</p>
<style>
html{
font-size: 62.5%;
}
p{
font-size: ?rem;
}
h1{
font-size: 60px;
}
</style>```
瀏覽器默認(rèn)字體大小為16px,代碼中html標(biāo)簽樣式`font-size:62.5%`設(shè)置字體大小為62.5%，即0.625×16=10px,所以當(dāng)前瀏覽器默認(rèn)的字體大小被修改為10px。rem基于HTML根元素字體大小為參考，p標(biāo)簽中的font-size設(shè)置為6rem時（6rem×10）即為60px，可與h1標(biāo)簽字體大小相同。
***
#####8.代碼
[代碼](https://github.com/jirengu-inc/jrg-renwu6/blob/master/homework/%E8%A6%83%E5%AE%B4%E5%B3%B0/mission5/%E4%BB%BB%E5%8A%A15%E4%BB%A3%E7%A0%81.html)