1 . 樣式的引入方式? link 和@import 的區別
樣式有三種引入方式：
- 外部引入
<link rel="stylesheet" type="text/css" href="index.css"> - 內部樣式（位于標簽內部）
<style type="text/css">p{color:red;}</style> - 內聯樣式（HTML元素內部）
<p style="color:blue;font-size:14px;">段落</p>
link 和 @import的區別： - link是XHTML標簽，除了加載CSS外，還可以定義RSS等其他事務；@import屬于CSS范疇，只能加載CSS。
- link引用CSS時，在頁面載入時同時加載；@import需要頁面網頁完全載入以后加載。
- link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
- link支持使用Javascript控制DOM去改變樣式；而@import不支持。
2 . 文件路徑../main.css 、./main.css、main.css、/main.css 的區別
-
…/main.css表示上一級目錄下的css文件；
-./main.css和main.css表示當前目錄下的css文件；
-/main.css表示磁盤根目錄（例如c:/、d:/）下的css文件。
3 . console.log是做什么用的
console 控制臺
log 日志
意思是在控制臺輸出日志信息,控制臺也叫開發者工具,是瀏覽器的一部分，便于開發者調試用的。
4 .text-align有幾個值，分別有什么作用？為什么text-align:justify沒有效果？寫截圖說明區別
1 .text-align有5個值，分別是：
-
left左對齊（默認）； -
right右對齊； -
center居中對齊； -
justify兩端對齊； -
inherit表示從父元素繼承text-align的值。
2 . text-align:justify表示兩端對齊，其效果為布滿整行的文字兩側均不出現空隙，空隙在每行的每個字符之中均勻分布，截圖示例如下：
test-align.jpg
代碼展示
如圖所示，兩段顏色為深綠色darkgreen的段落同屬于class:“justify”,都在css樣式里對text-align設置了"justify"即段落兩端對齊的屬性，但第一個沒有占滿一行內容的深綠色段落是直接顯示左對齊的樣式，并沒有顯示"justify"的效果，因為它沒有占滿一行內容，只有左邊對齊，右邊無法和任何內容對齊，但是第二段深綠色的片段占了3行內容，可以看到應用了"justify"參數后它的左右兩端都是對齊的。
5 .px、em、rem分別是什么？有什么區別？如何使用
-
px表示一個像素； -
em表示相對于父元素的像素的倍數； -
rem表示相對于<html>元素定義的像素的倍數。
三者的區別在于，px是絕對單位，em和rem是相對單位；其中em是相對父元素的字體大小來進行設定，而rem是相對根元素<html>的字體大小進行設定。
在使用過程中，由于瀏覽器的默認字體大小為16px，為了便于計算，一般先在body選擇器下聲明font-size: 62.5%，即將頁面默認字體大小設置為10px，這樣在使用em或rem時能夠極大地簡便計算過程。例如需要設置body的字體大小為20px，只需要輸入body {font-size:2em;}，或者body {font-size:2rem;}，不過在設置p的字體大小為15時就需要注意是p {font-size:0.75em;}或p {font-size:1.5rem;}
6 . 對chrome 審查元素的功能做個簡單的截圖介紹
審查元素介紹.png
Element：:查看、編輯頁面上的元素，包括HTML和CSS；
Console：Javascript控制臺，可以查看錯誤信息、打印調試信息console.log()；
Souces：可以查看到請求的資源情況，包括CSS、JS、圖片等的內容，還可以設置斷點調試；
Network：可以查看網頁的請求情況，可以在這里看到HTTP請求頭、HTTP響應頭、HTTP返回的內容等信息；
Timeline：查看Javascript執行時間、頁面元素渲染時間；
Profiles：性能優化用，查看CPU執行時間與內存占用；
Application：查看網頁加載的所有資源信息，包括本地庫，后臺數據庫，圖片，CSS，JavaScript等；
security：查看網頁的安全性；
Audits：用于優化前端頁面、加速網頁加載速度。
7- 代碼
- 設置body的字體為微軟雅黑，字號16px， 行高1.5倍，字體顏色#333
- 設置段落顏色#000, 首行縮進兩個字體寬度，1.5倍行高
- 代碼練習
