1、CSS的全稱是什么?
答：CSS全稱是Cascading Style Sheets，層疊樣式表
2、CSS有幾種引入方式? link 和@import 有什么區(qū)別?
答：CSS有三種引入方式
①內(nèi)聯(lián)樣式
<h1 style="color: red;font -size: 14px;"></h1>
②內(nèi)部樣式
<style type="text/css">
h1{
color: green;
font-size: 15px;
}
</style>
<h1>饑人谷</h1>
③外部樣式
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<style>
@import url("hello.css");
@import "world.css";
</style>
link與@import兩者都是外部引用CSS的方式，但是存在一定的區(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：ink支持使用Javascript控制DOM去改變樣式；而@import不支持。
補充：@import最優(yōu)寫法
@import的寫法一般有下列幾種：
@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不識別
@import url(style.css) //Windows NS4, Macintosh NS4不識別
@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
@import url("style.css") //Windows NS4, Macintosh NS4不識別
由上分析知道，@import url(style.css) 和@import url("style.css")是最優(yōu)的選擇，兼容的瀏覽器最多。從字節(jié)優(yōu)化的角度來看@import url(style.css)最值得推薦。
3、以下這幾種文件路徑分別用在什么地方，代表什么意思?
答：css/a.css為相對路徑，代表與當(dāng)前目錄下的css目錄下的a.css文件
./css/a.css為相對路徑，等價于css/a.css
b.css為相對路徑，代表當(dāng)前路徑下的b.css文件
../imgs/a.png為相對路徑， 代表當(dāng)前目錄的上一級目錄下的imgs目錄下的a.png文件
/Users/hunger/project/css/a.css為絕對路徑，代表本地文件夾下a.css文件地址
/static/css/a.css為網(wǎng)站路徑，當(dāng)前服務(wù)器根目錄下的/static/css的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png為網(wǎng)站路徑，http://cdn.jirengu.com/kejian1/8-1.png網(wǎng)絡(luò)路徑下的文件
4、如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
①把本地圖片上傳至某網(wǎng)站，生成一個線上地址，然后在js.jirengu.com中加載
②在本地打開服務(wù)器，通過localhost加載這個圖片。再將圖片放在js.jirengu.com(自己測試時可這樣使用）
5、列出5條以上html和 css 的書寫規(guī)范
CSS：
- 使用 4 個空格做為一個縮進層級，不允許使用 2 個空格 或 tab 字符。
- 選擇器 與 { 之間必須包含空格
- 屬性名 與之后的 : 之間不允許包含空格， : 與 屬性值 之間必須包含空格
- 列表型屬性值 書寫在單行時，, 后必須跟一個空格
- 每行不得超過 120 個字符，除非單行不可分割
- 對于超長的樣式，在樣式值的 空格 處或 , 后換行，建議按邏輯分組
- 當(dāng)一個 rule 包含多個 selector 時，每個選擇器聲明必須獨占一行
- >、+、~ 選擇器的兩邊各保留一個空格
- 屬性選擇器中的值必須用雙引號包圍
- 屬性定義必須另起一行
- 屬性定義后必須以分號結(jié)尾
- 如無必要，不得為 id、class 選擇器添加類型選擇器進行限定
參考https://github.com/fex-team/styleguide/blob/master/css.md
HTML：
- 一定要閉合HTML標(biāo)簽
- 聲明正確的文檔類型（DocType)
- 不要使用內(nèi)聯(lián)樣式
- 使用小寫的標(biāo)簽名
- 同一頁面，應(yīng)避免使用相同的 name 與 id重名
- 標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則
參考http://blog.csdn.net/xllily_11/article/details/51249029
6、截圖介紹 chrome 開發(fā)者工具的功能區(qū)
chorme開發(fā)者工具面板一共包括：Elements、Console、Sources、Network、Performance、Memory、Application、Security、Audits幾個板塊（如下圖所示）
Elements:查找網(wǎng)頁源代碼HTML中的任一元素,手動修改任一元素的屬性和樣式且能實時在瀏覽器里面得到反饋。
Console:記錄開發(fā)者開發(fā)過程中的日志信息，且可以作為與JS進行交互的命令行Shell。
Sources:斷點調(diào)試JS。
Network:從發(fā)起網(wǎng)頁頁面請求Request后分析HTTP請求后得到的各個請求資源信息（包括狀態(tài)、資源類型、大小、所用時間等），可以根據(jù)這個進行網(wǎng)絡(luò)性能優(yōu)化。
Performance:性能監(jiān)控
Memory:內(nèi)存調(diào)試工具
Application:記錄網(wǎng)站加載的所有資源信息，包括存儲數(shù)據(jù)（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、緩存數(shù)據(jù)、字體、圖片、腳本、樣式表等。
Security:判斷當(dāng)前網(wǎng)頁是否安全。
Audits:對當(dāng)前網(wǎng)頁進行網(wǎng)絡(luò)利用情況、網(wǎng)頁性能方面的診斷，并給出一些優(yōu)化建議。比如列出所有沒有用到的CSS文件等
雙擊DOM樹視圖里面的節(jié)點，可以實時編輯標(biāo)簽屬性，修改的效果會立刻反應(yīng)在瀏覽器里面
點擊右側(cè)Style面板，可以實時修改CSS的屬性值，這里面的所有樣式Name和Value都是可以編輯的;在每個屬性后面單擊可以添加新的樣式
