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標簽，除了加載CSS外，還可以定義RSS等其他事務召边；@import屬于CSS范疇铺呵，只能加載CSS。
區(qū)別2：link引用CSS時隧熙，在頁面載入時同時加載片挂；@import需要頁面網(wǎng)頁完全載入以后加載。
區(qū)別3：link是XHTML標簽贞盯，無兼容問題音念；@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為相對路徑镀首，代表與當前目錄下的css目錄下的a.css文件
./css/a.css為相對路徑坟漱，等價于css/a.css
b.css為相對路徑，代表當前路徑下的b.css文件
../imgs/a.png為相對路徑更哄， 代表當前目錄的上一級目錄下的imgs目錄下的a.png文件
/Users/hunger/project/css/a.css為絕對路徑芋齿，代表本地文件夾下a.css文件地址
/static/css/a.css為網(wǎng)站路徑，當前服務器根目錄下的/static/css的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png為網(wǎng)站路徑成翩，http://cdn.jirengu.com/kejian1/8-1.png網(wǎng)絡路徑下的文件
4觅捆、如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
①把本地圖片上傳至某網(wǎng)站麻敌，生成一個線上地址栅炒，然后在js.jirengu.com中加載
②在本地打開服務器，通過localhost加載這個圖片术羔。再將圖片放在js.jirengu.com(自己測試時可這樣使用）
5赢赊、列出5條以上html和 css 的書寫規(guī)范
CSS：
- 使用 4 個空格做為一個縮進層級，不允許使用 2 個空格 或 tab 字符级历。
- 選擇器 與 { 之間必須包含空格
- 屬性名 與之后的 : 之間不允許包含空格释移， : 與 屬性值 之間必須包含空格
- 列表型屬性值 書寫在單行時，, 后必須跟一個空格
- 每行不得超過 120 個字符鱼喉，除非單行不可分割
- 對于超長的樣式秀鞭，在樣式值的 空格 處或 , 后換行趋观，建議按邏輯分組
- 當一個 rule 包含多個 selector 時，每個選擇器聲明必須獨占一行
- >锋边、+皱坛、~ 選擇器的兩邊各保留一個空格
- 屬性選擇器中的值必須用雙引號包圍
- 屬性定義必須另起一行
- 屬性定義后必須以分號結尾
- 如無必要，不得為 id豆巨、class 選擇器添加類型選擇器進行限定
參考https://github.com/fex-team/styleguide/blob/master/css.md
HTML：
- 一定要閉合HTML標簽
- 聲明正確的文檔類型（DocType)
- 不要使用內(nèi)聯(lián)樣式
- 使用小寫的標簽名
- 同一頁面剩辟，應避免使用相同的 name 與 id重名
- 標簽使用必須符合標簽嵌套規(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)絡性能優(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:判斷當前網(wǎng)頁是否安全。
Audits:對當前網(wǎng)頁進行網(wǎng)絡利用情況济蝉、網(wǎng)頁性能方面的診斷杰刽，并給出一些優(yōu)化建議菠发。比如列出所有沒有用到的CSS文件等
雙擊DOM樹視圖里面的節(jié)點，可以實時編輯標簽屬性贺嫂，修改的效果會立刻反應在瀏覽器里面
點擊右側Style面板滓鸠，可以實時修改CSS的屬性值，這里面的所有樣式Name和Value都是可以編輯的;在每個屬性后面單擊可以添加新的樣式
