1.樣式有幾種引入方式？link和@import有什么區(qū)別
有5種寫入樣式方式：
1.行內(nèi)式，在html元素標(biāo)簽中使用style屬性來規(guī)定樣式。
<p style="color:red">行內(nèi)式</p>
2.嵌入式，在head元素中使用style標(biāo)簽，對整個頁面中的各個元素進(jìn)行設(shè)置。
<head>
<style type="text/css">
p {
color: red;
}
</style>
</head>
3.鏈入外部樣式，使用link標(biāo)簽來引入一個外部樣式表，也就是css文件。
<head>
<meta charset="UTF-8">
<title>饑人谷</title>
<link rel="stylesheet" type="text/css" href="demo.css">
</head>
4.導(dǎo)入式，使用@import導(dǎo)入外部樣式表。
<style type="text/css">
@import "demo.css";
</style>
link和@import有什么區(qū)別
- 最主要的區(qū)別：link是XHTML標(biāo)簽，除了加載css外，還可以定義RSS，定義rel鏈接屬性等，@import屬于css范疇，只能加載css。
- 加載順序的區(qū)別：link引入css時，在頁面加載時同時加載，@import需要在網(wǎng)頁完全載入以后加載。所以說一直有一個觀點就是為了提高web網(wǎng)頁性能，讓用戶得到更快的頁面顯示，不要使用@import而去使用link。
- 兼容性的區(qū)別：link是XHTML標(biāo)簽，無兼容性的問題，@import是在CSS2.1提出的，低版本的瀏覽器不支持。
- 使用dom控制樣式的區(qū)別：link支持使用javascript控制DOM去改變樣式，而@import不支持。
2.文件路徑.../main.css、./main.css、main.css有什么區(qū)別？
../main.css表示打開上一級目錄下的main.css文件。
./main.css和main.css表示的意思是一樣，都是打開當(dāng)前目錄下的main.css文件。
3.console.log 是做什么用的？
console.log的功能是在控制臺打印出你想要的數(shù)據(jù)，相對于alert(),它不會打斷你javascript程序的執(zhí)行，是一種更好的javascript程序的調(diào)試方式。
關(guān)于console.log的使用以及javascript的調(diào)試還不是很了解，先分享一個博客Chome開發(fā)者工具不完全指南（二、進(jìn)階篇）,在以后的學(xué)習(xí)中再慢慢熟悉開發(fā)者工具。
4.text-align 有幾個值，分別有什么作用？
text-align 屬性規(guī)定元素中的文本的水平對齊方式。
| 值 | 描述 |
|---|---|
| left | 把文本排列在左邊 |
| right | 把文本排列在右邊 |
| center | 把文本排列在中間 |
| justify | 實現(xiàn)兩端對齊本文效果 |
| inherit | 規(guī)定應(yīng)該從父元素繼承text-align屬性的值。 |
| 默認(rèn)值 | 如果 direction 屬性是 ltr，則默認(rèn)值是 left；如果 direction 是 rtl，則為 right。 |
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
代碼測試如下：
text-align測試
在測試的時候發(fā)現(xiàn)
text-align: justify;出現(xiàn)了問題，直接使用這段代碼并沒有生效。后來參考了大漠的這篇文章Text-align:Justify和RWD,使用偽類：after解決了問題。關(guān)于這段偽類代碼我是這么理解的：使用偽類after創(chuàng)建了一個content屬性為空白的內(nèi)聯(lián)塊元素，由于這個元素的width為100%，它會導(dǎo)致一個換行符出現(xiàn)，這樣一來它前面的內(nèi)容就實現(xiàn)了兩端對齊。
這種方法是文章中作者推薦的，更簡潔更有語義。
5.px、em、rem分別是什么？有什么區(qū)別？如何使用？
- px，是一種像素尺寸，在html可以直接用來指定字體的大小，假設(shè)一個字體的高度為14像素，這說明字母的最低部分和最高部分之間有14像素。
- em,類似于百分?jǐn)?shù)，是一個相對度量單位，使用em時，要指定一個比例因子，就像這樣：
font-size:1.2em;
這表示該元素的字體大小是它父元素的字體大小的1.2倍。
- rem，是css3中增加的相對度量單位，是相對于根元素(即html元素)計算值的倍數(shù)。
注意：瀏覽器默認(rèn)的字體大小是16px。
他們的區(qū)別在于px的值是固定的，而em、rem的值是相對的。em是相對于父元素，而rem是相對于根元素。
使用方法用一段代碼表示：
字體方法
6.對chrome 審查元素的功能做個簡單的截圖介紹
chrome
7.如下代碼，設(shè)置 p 為幾 rem，讓 h1 和 p 的字體大小相等?
題目
瀏覽器的默認(rèn)字體大小是16px，所以html的字體大小是16*62.5%=10px，所以p為6rem情況下可以讓h1與p的字體大小相等。
本教程版權(quán)歸饑人谷_任磊和饑人谷所有，轉(zhuǎn)載須說明來源。
