樣式有幾種引入方式？
link和@import有什么區別###
1.瀏覽器缺省設置
2.外部樣式表
linke rel="stylesheet" type="text/css" href="index.css">
rel屬性定義當前文檔與被鏈接文檔之間的關系。stylesheet是屬性對應的值，意為文檔的外部樣式表。
type="text/css"告訴瀏覽器，這段標簽內包含css或text，如果瀏覽器不識別css，會將代碼識別成text.
href和src區別
3.內部樣式表
<style type ="text/css">
p{color: red;}
</style>
內部樣式表寫在html的<head></head>內。只對所在網頁有效。
4.內聯樣式
<p style="color: #00f; font-size:1rem;">段落內容</p>
位于html元素內部，只對當前元素有效。
link和@import有什么區別
不同點：
1.link是xhtml標簽，除了加載css外，還可以定義rss等；@import屬于css范疇，只能加載css。
2.link引用css時，在頁面載入時同時加載；@import需要頁面完全載入后加載。
3.link是xhtml標簽，沒有兼容問題；@import是在css2.1提出的，低版本瀏覽器不支持。
4.link支持使用javascript控制dom去改變樣式；而@import不支持。
文件路徑../main.css 、./main.css、main.css、/main.css有什么區別
- ../main.css表示上一級目錄的main.css文件
- ./main.css和main.css表示文件在當前目錄下
- /main.css 表示該文件在根目錄
console.log是做什么用的
調試代碼，在控制臺中更改變量。在具備調試功能的瀏覽器上，window對象中會注冊一個名為console的成員變量，指代調試工具中的控制臺。通過調用該console對象的log()函數，可以在控制臺中打印信息。和alert（）不同，alert()函數會阻斷js程序的執行，console.log()盡在控制臺打印相關信息。
text-align有幾個值，分別有什么作用？寫截圖說明區別
text-align：left 表示文本排列到左邊
text-align：center 表示本文居中
text-align：right 表示文本排列到右邊
text-align：inherit 表示文本繼承父元素text-align屬性值進行排列
text-align：justify表示文本排列水平對齊
px.em.rem分別是什么？有什么區別？如何使用
px：像素值（chrome里面最小12px，小于12px沒有效果）。
em：相對父元素的倍數大小，若父元素未聲明，則追溯到上一級父元素。
ps：（任意瀏覽器的默認字體高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。為了簡化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10，然后換上em作為單位就行了。）
rem：相對html根節點（默認16px）倍數大小，若根節點未聲明，則使用默認值16px。
該例子中，div子元素2em追溯到上一級2em也就是4倍根節點，40px。2rem，相對于根節點2倍大小，并且根節點聲明為10px，所以2em表現為20px。
表述有點糙，下次代碼會寫的更規范些
對chrome 審查元素的功能做個簡單的截圖介紹
1.元素（elements）點擊元素，在工具窗口下邊，能顯示chrome的html，css和dom對象，同時還能編輯這些元素
2.網絡請求（network）了解一個網站的數據交互規則，可以看頁面向服務器請求了哪些資源。以前通過network，下過視頻
3資源（resources）可以調試js文件
4時間軸（timeline）他網頁和程序作了一個具體性能分析，從加載資源到解析js腳本，都可以看到所損耗的時間。
5，解析（profiles)顯示網頁和網絡利用程序的執行時間和內存使用情形。
6資源（resources)能對本地緩存中的數據進行確認和編輯
7css樣式表
8事件監聽器，9dom斷點
10好像還是css樣式表的一部分，顯示的是盒子模型，相關知識可能下節課會學到
如下代碼，設置 p為幾 rem，讓h1和p的字體大小相等?
font-size: 62.5%,意思是默認16px的62.5%，計算下得知是10px，可推算rem=10px。所以設置p為6rem
代碼
