1.css的全稱是什么？
Cascading Style Sheets,層疊樣式表
2.css有幾種引入方式絮识？link和@import有什么區(qū)別?
內(nèi)聯(lián)樣式：<h1 style="color: red; font-size: 20px;"></h1>
內(nèi)部樣式：
<style>
span{
color:red;
font-size:18px;
}
</style>
外部樣式：
html語法：
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
注：link必須放在<head>與</head>之間芦拿。
css語法：
<style>
@import url("hello.css");
@import "world.css";
</style>
link和@import的區(qū)別：
1.link是html的標(biāo)簽儒飒，@import是css的標(biāo)簽舵盈，兩者不可混淆论矾。
2.link和頁面同時(shí)加載剃允，@inport是頁面加載完成再加載沛简。
3.由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識(shí)別斥废，而link標(biāo)簽無此問題椒楣。
4.link支持使用JavaScript控制DOM去改變樣式；而@import不支持
3.以下這幾種文件路徑分別用在什么地方营袜，代表什么意思撒顿？
- css/a.css
- ./css
- b.css
- ../imgs/a.png
- /Users/hunger/project/css/a.css
- /static/css/a.css
- http://cdn.jirengu.com/kejian1/8-1.png
答：
相對路徑有：
css/a.css：在當(dāng)前目錄下css文件夾下的a.css文件。
./css/a.css：選擇當(dāng)前目錄下css文件夾中的a.css文件荚板。
b.css:當(dāng)前目錄中的b.css文件凤壁。
../imgs/a.png：選擇上一級(jí)目錄中的imgs文件夾下的a.png文件吩屹。絕對路徑有：
/Users/hunger/project/css/a.css：在相對本地路徑找到User文件夾下hunger文件夾下project文件夾下css文件夾下a.css文件。
網(wǎng)站路徑有：
css/a.css：同上
/static/css/a.css：當(dāng)前項(xiàng)目的根目錄下的static文件下的文件下的a.css文件
（http://cdn.jirengu.com/kejian1/8-1.png )：是引用(http://cdn.jirengu.com )這個(gè)CDN服務(wù)下的kejian1文件下的8-1.png文件拧抖。
4.如果我想在js.jirengu.com上展示一個(gè)圖片煤搜，需要怎么操作？
將圖片上傳到某個(gè)網(wǎng)站唧席，獲得一個(gè)圖片的網(wǎng)址擦盾，然后用img在js.jirengu.com上插入圖片。
5.列出5條以上html和css的書寫規(guī)范
- html書寫規(guī)范：
1.id元素必須保證頁面唯一淌哟。
2.同一頁面迹卢，避免使用相同的 name 與 id。
3.屬性值必須用雙引號(hào)包圍徒仓。
4.盡可能減少div嵌套腐碱。
5.書寫鏈接地址時(shí), 必須避免重定向， 即須在URL地址后面加上“/”掉弛。
6.標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則症见。
7.在頁面中盡量避免使用style屬性,即style=”…”。
8.必須為含有描述性表單元素(input, textarea)添加label殃饿。
如
<p>姓名<input type=”text” id=”name” name=”name” /></p>
須寫成:
<p>
<label for=”name”>姓名: </label>
<input type=”text” id=”name” >
</p>
10.重要圖片必須加上alt屬性; 給重要的元素和截?cái)嗟脑丶由蟭itle谋作。
11.給區(qū)塊代碼及重要功能(比如循環(huán))加上注釋, 方便后臺(tái)添加功能。
12.書寫頁面過程中, 請考慮向后擴(kuò)展性乎芳。
- css書寫規(guī)范：
1.雖然css不區(qū)分大小寫遵蚜，但建議統(tǒng)一使用小寫。不使用內(nèi)聯(lián)樣式的寫法秒咐。
2.id和class使用有意義的單詞谬晕，分隔符建議使用"-"。
3.屬性值是0px的省略單位px携取。
4.盡量使用縮寫攒钳，減少工作量。
5.寫css時(shí)候塊內(nèi)容分行雷滋。冒號(hào)后加空格不撑。
6.截圖介紹chrome開發(fā)者的功能區(qū)
win10系統(tǒng)，鼠標(biāo)右擊頁面空白處晤斩，點(diǎn)擊檢查焕檬。
elements：顯示dom元素，修改當(dāng)前頁面的dom元素瀏覽器實(shí)時(shí)展示澳泵，該頁所修改的內(nèi)容只有自己可以看到实愚，通常可以用來 測試網(wǎng)頁展示效果。
style：對應(yīng)的是當(dāng)前頁面的樣式腊敲，如果覺得該頁有哪部分樣式想借鑒击喂，或者在chrome中調(diào)試好的樣式，可以復(fù)制這段樣式的代碼碰辅。
console：可以看js代碼的執(zhí)行狀態(tài)和變量懂昂，輸入al_c可以看到全局變量，在頁面js頁面添加console.log(想輸入的內(nèi)容)没宾，把控制臺(tái)關(guān)閉不在瀏覽器中顯示凌彬，打開控制臺(tái)又出現(xiàn)。
sources：可以調(diào)試js
network：調(diào)試ajax接口循衰，前后臺(tái)交互的問題铲敛。
application:當(dāng)前頁面請求的資源
memory：分析cpu和內(nèi)存
注：常用部分有elements、application会钝、network原探、console
