1.css的全稱(chēng)是什么？
- 層疊樣式表（英語(yǔ)：Cascading Style Sheets，簡(jiǎn)寫(xiě)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)簽下書(shū)寫(xiě) 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的語(yǔ)法黔寇；link必須在HTML文件中使用偶器，而@import可以在<style>標(biāo)簽或css文件中使用。
- 加載順序的差別缝裤。當(dāng)一個(gè)頁(yè)面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候）屏轰，link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面全部被下載完再被加載憋飞。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開(kāi)始會(huì)沒(méi)有樣式（就是閃爍）霎苗，網(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)簽無(wú)此問(wèn)題驴党。
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ù)器，在頁(yè)面使用這張圖片
- 如果這張圖片存在于網(wǎng)絡(luò)中鹏氧，直接使用圖片的網(wǎng)絡(luò)絕對(duì)路徑
5.一些html和 css 的書(shū)寫(xiě)規(guī)范
- HTML標(biāo)簽全部使用小寫(xiě)渤涌。
- 代碼必須要有合理的縮進(jìn)。
- 選擇器與 ‘{’ 之間必須要有空格
- 屬性值與 ‘：’ 之間必須要有空格
- >把还、+实蓬、~ 選擇器的兩邊各保留一個(gè)空格。
- 屬性定義后必須以分號(hào)結(jié)尾吊履。
6.chrome開(kāi)發(fā)者工具
123.png
