本教程版權(quán)歸小圓和饑人谷所有，轉(zhuǎn)載須說明來源
問答
1. 樣式有幾種引入方式? link 和 @import 有什么區(qū)別?
- 行內(nèi)樣式表
style=" "
- 內(nèi)部樣式表
<style></style>
- 外部樣式表
<link rel=" " stylesheet=" " href=" ">
- 導(dǎo)入
@import url("test.css")
link 和 @import的區(qū)別
- 區(qū)別1：link是XHTML標(biāo)簽淋袖，除了加載CSS外领跛，還可以定義RSS等其他事務(wù)馒疹；@import屬于CSS范疇萌衬，只能加載CSS根灯。
- 區(qū)別2：link引用CSS時，在頁面載入時同時加載猪腕；@import需要頁面網(wǎng)頁完全載入以后加載。
- 區(qū)別3：link是XHTML標(biāo)簽钦勘，無兼容問題陋葡；@import是在CSS2.1提出的，低版本的瀏覽器不支持彻采。
- 區(qū)別4：link支持使用Javascript控制DOM去改變樣式腐缤；而@import不支持。
2. 文件路徑 ../main.css肛响、/main.css岭粤、main.css、/main.css有什么區(qū)別?
- ./main.css 為上一級目錄的main.css文件
- ./main.css 為當(dāng)前目錄下的main.css文件
- main.css 為當(dāng)前目錄下的main.css文件
- /main.css 為根目錄下的main.css文件
3. console.log是做什么用的
用于調(diào)試javascript特笋；在網(wǎng)絡(luò)控制臺打印輸入的信息剃浇；能看到結(jié)構(gòu)化的信息。
4. text-align有幾個值猎物，分別有什么作用虎囚？寫截圖說明區(qū)別
| 值 | 描述 |
| -----|:----:| ---- |
| left | 把文本排列到左邊。默認(rèn)值：由瀏覽器決定蔫磨。 |
| right | 把文本排列到右邊淘讥。 |
| center | 把文本排列到中間。 |
| justify | 實現(xiàn)兩端對齊文本效果质帅。 |
Paste_Image.png
5. px适揉、em留攒、rem分別是什么？有什么區(qū)別嫉嘀？如何使用?
- px：是Pixel的縮寫炼邀，像素，是指基本原色素及其灰度的基本編碼
- em：單位名稱為相對長度單位剪侮，相對于當(dāng)前對象內(nèi)文本的字體尺寸
- rem：是相對單位拭宁，是相對HTML根元素
區(qū)別
- px為相對長度單位，像素（px）是相對于顯示器屏幕分辨率而言的瓣俯；
- em為相對長度單位杰标。相對于當(dāng)前對象內(nèi)文本的字體尺寸；
- rem可謂集相對大小和絕對大小的優(yōu)點(diǎn)于一身彩匕，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小腔剂，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。
使用
選擇使用什么字體單位主要由你的項目來決定驼仪，如果你的用戶群都使用最新版的瀏覽器掸犬，那推薦使用rem（除了IE8及更早版本外），如果要考慮兼容性绪爸，那就使用px,或者兩者同時使用湾碎。國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em作為字體單位。
6. 對chrome 審查元素的功能做個簡單的截圖介紹
Paste_Image.png
