1.css的全稱是什么？
- 層疊樣式表（英語：Cascading Style Sheets，簡(jiǎn)寫CSS）
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
內(nèi)聯(lián)方式，指直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS。
<pre> <div style="background: red"></div> </pre>嵌入方式,指在 HTML 頭部中的 <style> 標(biāo)簽下書寫 CSS 代碼。
<pre><head>
<style>
.content {
background: red;
}
</style>
</head>
</pre>鏈接方式, 指使用 HTML 頭部的 <head> 標(biāo)簽引入外部的 CSS 文件。
<pre>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
</pre>導(dǎo)入方式, 指使用 CSS 規(guī)則引入外部 CSS 文件。
<pre>
<style>
@import url(style.css);
</style>
</pre>-
link和@import的區(qū)別：
- link屬于HTML標(biāo)簽，而@import屬于css的語法；link必須在HTML文件中使用，而@import可以在<style>標(biāo)簽或css文件中使用。
- 加載順序的差別。當(dāng)一個(gè)頁面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候），link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁面時(shí)開始會(huì)沒有樣式（就是閃爍），網(wǎng)速慢的時(shí)候還挺明顯。
- 使用dom控制樣式時(shí)的差別。當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽，因?yàn)锧import不是dom可以控制的。
- 兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識(shí)別，而link標(biāo)簽無此問題。
3. 文件路徑
- 絕對(duì)路徑：資源相對(duì)于跟目錄的位置。
- /Users/hunger/project/css/a.css
- /static/css/a.css
- 相對(duì)路徑：資源相對(duì)于當(dāng)前目錄的位置。
- css/a.css
- ./css/a.css
- b.css
- ../imgs/a.png
- 網(wǎng)站路徑：從網(wǎng)站根目錄到文件的路徑。
- http: //cdn.jirengu.com/kejian1/8-1.png
- /static/css/a.css/static/css/a.css
- css/a.css
4.如果我想在js.jirengu.com上展示一個(gè)圖片，需要怎么操作?
- 可以直接將圖片上傳到服務(wù)器，在頁面使用這張圖片
- 如果這張圖片存在于網(wǎng)絡(luò)中，直接使用圖片的網(wǎng)絡(luò)絕對(duì)路徑
5.一些html和 css 的書寫規(guī)范
- HTML標(biāo)簽全部使用小寫。
- 代碼必須要有合理的縮進(jìn)。
- 選擇器與 ‘{’ 之間必須要有空格
- 屬性值與 ‘：’ 之間必須要有空格
- >、+、~ 選擇器的兩邊各保留一個(gè)空格。
- 屬性定義后必須以分號(hào)結(jié)尾。
6.chrome開發(fā)者工具
123.png
