1. CSS的全稱是什么?
Cascading Style Sheets
層疊樣式表
2. CSS有幾種引入方式? link 和@import 有什么區(qū)別?
CSS有四種引入方式：
- 內(nèi)聯(lián)式
內(nèi)聯(lián)式也叫行內(nèi)樣式逮诲，使用內(nèi)聯(lián)樣式的方法是直接在相關(guān)標(biāo)簽中使用樣式屬性。
<p style="font-size: 12px;color:#b5b5b5;">直接在元素中使用style屬性敬惦。</p>
- 嵌入式
在當(dāng)前頁面中創(chuàng)建嵌入的樣式表,嵌入樣式表是在當(dāng)前頁面的<head>區(qū)域中通過<style>標(biāo)簽來定義
<head>
<style type="text/css">
.element-box-shadow {
box-shadow: 2px 2px 6px #FF0000;
</style>
</head>
- 外聯(lián)式
存在一個(gè)單獨(dú)的.css樣式文檔谣膳，在HTML頁面中通過<link>標(biāo)簽引入使用
<head>
<link rel="stylesheet" href="style.css">
</head>
- 導(dǎo)入樣式
在<style>標(biāo)簽中通過@import導(dǎo)入css樣式表
<style type="text/css">
@import url(style.css);
</style>>
css引用方式的優(yōu)先級(jí)排列是（按從高到低）：內(nèi)聯(lián)式> 嵌入式 > 外聯(lián)式 > 導(dǎo)入樣式
link 和@import 的區(qū)別
- 語法結(jié)構(gòu)差別。link 是 HTML 標(biāo)簽,除了引用CSS 還能定義別的東西何吝，而@import是CSS提供的一個(gè)語法溉委，只能加載CSS了。
- 加載順序的差別爱榕。link 和頁面本體是會(huì)同時(shí)加載的瓣喊，而 @import 得等到頁面加載完成再加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁面時(shí)開始會(huì)沒有樣式（就是閃爍）黔酥。
- 兼容性的差別藻三。@import 是 CSS 2 標(biāo)準(zhǔn)，所以老的瀏覽器不支持跪者，@import只有在IE5以上的才能識(shí)別棵帽，而link標(biāo)簽無此問題。
- 使用dom控制樣式時(shí)的差別渣玲。當(dāng)使用javascript控制dom去改變樣式的時(shí)候逗概，只能使用link標(biāo)簽，因?yàn)锧import不是dom可以控制的忘衍。
3. 以下這幾種文件路徑分別用在什么地方逾苫，代表什么意思?
-
css/a.css=> 相對(duì)路徑，當(dāng)前目錄css文件夾下面的a.css文件 -
./css/a.css=> 相對(duì)路徑枚钓，當(dāng)前目錄css文件夾下面的a.css文件 -
b.css=> 相對(duì)路徑隶垮，當(dāng)前目錄下的b.css文件 -
../imgs/a.png=> 相對(duì)路徑，上級(jí)目錄下imgs文件中的a.png文件 -
/Users/hunger/project/css/a.css=> a.css文件的絕對(duì)路徑 -
/static/css/a.css=> 根目錄下static文件夾的css文件夾中的a.css文件 -
http://cdn.jirengu.com/kejian1/8-1.png=> URL,圖片的網(wǎng)絡(luò)地址
4. 如果我想在js.jirengu.com上展示一個(gè)圖片秘噪，需要怎么操作?
- 如果是網(wǎng)絡(luò)圖片狸吞，可以直接使用圖片URL；
- 將圖片上傳到j(luò)irengu服務(wù)器指煎，使用圖片相對(duì)路徑
5. 列出5條以上html和 css 的書寫規(guī)范
HTMl:
- id和class 單詞全字母小寫蹋偏，單詞間以 - 分隔
- 在 CSS 可以實(shí)現(xiàn)相同需求的情況下不得使用表格進(jìn)行布局
- 自定義屬性建議以 xxx- 為前綴，推薦使用 data-
- 引入 CSS 和 JavaScript 時(shí)無須指明 type 屬性
- 在 head 中引入頁面需要的所有 CSS 資源
- JavaScript 應(yīng)當(dāng)放在頁面末尾至壤，或采用異步加載
- 有文本標(biāo)題的控件必須使用 label 標(biāo)簽將其與其標(biāo)題相關(guān)聯(lián)
- 禁止 img 的 src 取值為空,延遲加載的圖片也要增加默認(rèn)的 src
CSS:
- 當(dāng)一個(gè) rule 包含多個(gè) selector 時(shí)威始，每個(gè)選擇器聲明必須獨(dú)占一行
- 如無必要，不得為 id像街、class 選擇器添加類型選擇器進(jìn)行限定
- 在可以使用縮寫的情況下黎棠，盡量使用屬性縮寫
- 盡量不使用 !important 聲明
- 當(dāng)數(shù)值為 0 - 1 之間的小數(shù)時(shí)晋渺，省略整數(shù)部分的 0
- url() 函數(shù)中的路徑不加引號(hào)
- 長度為 0 時(shí)須省略單位
- 顏色值可以縮寫時(shí)，必須使用縮寫形式,
6. 截圖介紹 chrome 開發(fā)者工具的功能區(qū)
