1. CSS的全稱是啥持痰？
cascading style sheets，中文翻譯為層疊樣式表。
2. CSS有幾種引入方式? link 和@import 有什么區(qū)別?
有三種引入樣式：
- 內(nèi)聯(lián)樣式晚伙，
<div style="background-color: red;"></div>怨规。 - 內(nèi)部樣式，
<style>
div {
background-color: red;
}
</style>
- 外部樣式弧烤，外部樣式還需要使用link標(biāo)簽引用忱屑。
div {
background-color: red;
}
link和@import的區(qū)別：
1.本質(zhì)：link是html標(biāo)簽，link可以放在HTML中的任何位置暇昂，而@import是CSS方法莺戒，放在樣式當(dāng)中。
2.加載速度：頁(yè)面加載時(shí)急波，因?yàn)閘ink是HTML標(biāo)簽从铲，所以會(huì)被先加載，然后頁(yè)面加載完之后澄暮，再加載CSS中的@import名段。
3.兼容性：link標(biāo)簽屬于HTML標(biāo)簽，不存在兼容性的問題泣懊。而@import是語(yǔ)法伸辟，只支持IE5以上的瀏覽器。
4.是否支持JS：當(dāng)使用JS修改DOM元素的樣式時(shí)馍刮，只能使用link方式信夫，而不能使用@import，因?yàn)锧import屬于CSS語(yǔ)法卡啰，不支持JS静稻。
3. 以下這幾種文件路徑分別用在什么地方，代表什么意思?
1. css/a.css
2. ./css/a.css
3. b.css
4. ../imgs/a.png
5. /Users/hunger/project/css/a.css
6. /static/css/a.css
7. http://cdn.jirengu.com/kejian1/8-1.png
- 1碎乃，2姊扔，3，4為相對(duì)路徑梅誓，網(wǎng)站的文件提交給服務(wù)端之后恰梢，一般使用相對(duì)路徑來引入CSS或圖片資源。相對(duì)路徑是相對(duì)于網(wǎng)站文件本身梗掰，比如說
b.css就是與自身處于同一根目錄下的文件嵌言。css/a.css等同于./css/a.css，它表示處于上一級(jí)的目錄文件及穗。而../imgs/a.png則表示根目錄下的文件摧茴。 - 5為絕對(duì)路徑，一般用于獲取本地路徑埂陆，不適用于網(wǎng)站文件提交中的路徑苛白。
- 6娃豹，7為網(wǎng)站路徑，6在提交網(wǎng)站文件后购裙，會(huì)在服務(wù)器端主域名下尋找該地址的文件懂版。而7是一個(gè)已經(jīng)生效的網(wǎng)址，直接通過該網(wǎng)址來引用相關(guān)文件躏率，而無需在主域名下尋找躯畴。
4. 如果我想在js.jirengu.com上展示一個(gè)圖片，需要怎么操作?
將該圖片放在服務(wù)器端薇芝，生成一個(gè)網(wǎng)址蓬抄，然后在js.jirengu.com上面引用即可。
5. 列出5條以上html和 css 的書寫規(guī)范
- 語(yǔ)法不區(qū)分大小寫夯到，但一般默認(rèn)使用小寫嚷缭。
- id使用駝峰法命名，class命名時(shí)使用 “ - ” 連接黄娘。
- id和class命名時(shí)盡量使用有意義的英文單詞峭状，能縮寫就縮寫。
- 寫CSS的時(shí)候冒號(hào)后面加個(gè)空格逼争，讓代碼看起來更整潔优床。
- 塊內(nèi)容縮進(jìn)。
- 屬性值是0的省略單位誓焦。
6. 截圖介紹 chrome 開發(fā)者工具的功能區(qū)
快捷鍵F12進(jìn)入開發(fā)者工具調(diào)試頁(yè)面胆敞。
chrome調(diào)試工具介紹.png
sources.png
applications.png
