課程任務
1.樣式有幾種引入方式? link 和 @import有什么區(qū)別利虫？
答：
- 外部樣式表：將css的樣式代碼寫在一個單獨的文件里面挨厚，一般位于文檔的頭部并且使用link標簽將其引入。
<link rel="stylesheet" type="text/css" href="index.css"> - 嵌入樣式表：將css的樣式代碼直接寫在<style>標簽里面
<style type="text/css">body{background-color:red}</style> - 內聯(lián)樣式表：將css的樣式代碼直接寫在要修飾的html的標簽里面
<body style="background-color:yellow">
link 和 @import 都作用于外部樣式引用糠惫，區(qū)別在于：
①link更多書寫通用樣式,提高復用效率疫剃。②@import只能加載css，而link除了加載css之外還能定義RSS等硼讽。③@import是不支持低版本瀏覽器巢价，是在css2.1提出的。④link引用外部樣式表示后是與頁面同時加載固阁，而@import是需要等頁面加載完后再加載壤躲。⑤link支持使用Javascript控制DOM去改變樣式；而@import不支持备燃。
2.文件路徑../main.css 碉克、./main.css、main.css有什么區(qū)別
答：../main.css是表示上一級目錄下面的文件赚爵，而./main.css和main.css都是表示當前目錄下的文件棉胀。
3.console.log是做什么用的?
答：就是把信息展示在控制臺上，在開發(fā)調試中用得冀膝。
4.text-align有幾個值唁奢，分別有什么作用？
- justfy:兩端對齊文本居中的效果
- center：文本居中的效果
- right：靠右對齊
- left：靠左對齊
5.px窝剖、em麻掸、rem分別是什么？有什么區(qū)別赐纱？如何使用
- px -像素是一個相對單位脊奋。是指顯示器屏幕物理設備上最小的點，不是一定的數(shù)值疙描。
- em-尺寸也是相對單位诚隙，但是相對的瀏覽器內默認字體尺寸。默認情況下1em=16px;
- rem-是css3新增的相對長度單位起胰，但是它是相對HTML中的根元素久又。通過它既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。
6.對chrome 審查元素的功能做個簡單的截圖介紹
Chrome瀏覽器審查元素功能
7.如下代碼地消，設置 p為幾 rem炉峰，讓h1和p的字體大小相等?
<h1>饑人谷</h1>
<p>饑人谷</p>
<style>
html{ font-size: 62.5%; }
p{ font-size: ?rem; }
h1{ font-size: 60px; }
</style>```
答：由于系統(tǒng)默認是16px，所以根元素字體大小為0.625*16=10px脉执。rem是相對根元素的單位疼阔，所以為了使p和H1字體大小相等，60/10=6rem.
***
**本教程版權歸饑人谷_鬼腳七和饑人谷所有半夷，轉載須說明來源**