? ? ? ? ? ? ? ? ? ? ?知識問答部分
一、樣式有幾種引入方式?link和@import有什么區別
樣式表文件放在哪里都可以但是一般放在head中.一些屬性什么樣式都不寫，即采用默認樣式。樣式的引入方式一共三種：外部引入，內嵌，內聯。內部與外部樣式表均是放在頭部，寫在<style type="text/css"></style>中的
1、外部樣式表有兩種<link rel="stylesheet" type="text/css" href="">和@import url(文件名)
其中，href資源定位符，@import url(.css)也可引入外部樣式
二者的區別是：首先二者在引用的時候不一樣link是放在sty;e中，而@import是放在head中不放在style，@import優先級最高，但一般不建議使用。
一是link是比css加載的范圍要多，link標簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。
二是頁面加載順序不同，link引入css時，頁面載入時同時加載，@import需要再頁面完全加載后再加載
三是link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
四是link是DOM節點支持使用Javascript控制DOM去改變樣式；@import是css樣式不支持JS控制操作。
2、內部樣式表，一般放在頭部，再需要用到的地方引用即可
樣式為<style type="text/css">
? ? ?div{border:1px solid red;} </style>如果不進行下其他設置，凡是div都會加載上述樣式，加個邊框
3.內聯樣式表
直接在需要用css的地方加上 style="樣式"即可，比如<div style="border:1px solid red;">加個邊框為紅色</div>
4、js內部引入方式
<script>
console.log(1);
</script>
5、js外部引入方式
<script type="text/javascript" src=""></script>
二、文件路徑../main.css、./main.css、main.css有什么區別
./文件名 ?當前目錄下的文件 （當前目錄下的文件也可直接寫文件名，不用./）
../文件名 上級目錄下的文件名
三、console.log是做什么用的
調試的時候將js信息展示到開發臺上
四、text-align有幾個值，分別有什么作用
text-align:文本居中，有三個屬性 left(靠左)，center（居中），right（靠右），justify（兩端對齊文本效果）
代碼設置如下：
五、px、em、rem分別是什么？有什么區別？如何使用
chorme瀏覽器展示的字體大小最小是12px,低于12px的是以12顯示的、
em是相對單位，相對父元素，如果父元素未設置大小，再往上；
px是像素單位，獨立的數值，跟父元素沒有關系；
rem是相對于html的根節點，即是html的設置，相對于html設置。
六、對chrome 審查元素的功能做個簡單的截圖介紹
1、element是html，可以右鍵頁面上的內容，會再在element上選中，修改。對于頁面展示的時候可以用來測試邊界條件或者修改樣式（由于在element上編輯之后,頁面也會進行相應設置）
2、與element同在一行的右邊，有一個省略，里面可以調整代碼窗口與頁面窗口的樣式
3、console是用來調試js的，雙擊報錯的地方，可以直接找到問題代碼。sources也是用來調試js的，可以加斷點
4、network調試ajax時候用的到，http網絡請求
reaource資源包括文字圖片等，用的最多的時候local storage（可以用來存儲東西） cookies
七、設置p的字體大小為 em,讓h1和p的大小一樣
<h1>饑人谷</h1>
<p>饑人谷</p>
<style>
html{font-size:62.5%;}
p{font-size:?rem;}
h1{font-size:60px;}
</style>
為了方便em與px相互轉換，em的初始值為1em=16px；
font-size: 62.5%;}時，1em則=16px*62.5%=10px。
html未設置時，基準是16px,
題即為h1{font-size:60px;? }為60px,p{font-size:?rem;即?*10=60,rem設置為6即可
