1.css全稱(chēng)是什么？
Cascading Style Sheet（層疊樣式表）
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- 內(nèi)聯(lián)樣式：在標(biāo)記的style屬性中設(shè)定css樣式。這種方式?jīng)]有體現(xiàn)css的優(yōu)勢(shì)，不推薦使用。
- 內(nèi)部樣式：將CSS樣式集中寫(xiě)在網(wǎng)頁(yè)的<head></head>標(biāo)簽對(duì)的<style></style>標(biāo)簽對(duì)中。
缺點(diǎn)是對(duì)于一個(gè)包含很多網(wǎng)頁(yè)的網(wǎng)站，如果在每個(gè)網(wǎng)頁(yè)中使用嵌入式，修改樣式時(shí)非常麻煩，單一網(wǎng)頁(yè)可以考慮使用嵌入式。 - 導(dǎo)入樣式：@import；將一個(gè)獨(dú)立的.css文件引入HTML文件中，導(dǎo)入式使用CSS規(guī)則引入外部CSS文件，寫(xiě)在<head>標(biāo)記中<style>標(biāo)記里。
- 鏈接樣式：將一個(gè).css文件引入到HTML文件中，但它與導(dǎo)入式不同的是鏈接式使用HTML規(guī)則引入外部CSS文件，它在網(wǎng)頁(yè)的任何位置使用<link>標(biāo)記來(lái)引入外部樣式表文件，一般放在<head>中。
link和@import區(qū)別
1.link引用CSS時(shí)，在頁(yè)面載入時(shí)同時(shí)加載；@import需要頁(yè)面網(wǎng)頁(yè)完全載入以后加載。
2.link是XHTML標(biāo)簽，無(wú)兼容問(wèn)題；@import低版本的瀏覽器不支持。
3.ink支持使用Javascript控制DOM去改變樣式；而@import不支持。
4.link是XHTML標(biāo)簽，除了加載CSS外，還可以定義RSS等其他事務(wù)；@import屬于CSS范疇，只能加載CSS。
3.以下這幾種文件路徑分別用在什么地方，代表什么意思?
1.相對(duì)路徑
- 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
2.絕對(duì)路徑
- /Users/hunger/project/css/a.css 本地絕對(duì)路徑下的a.css文件，在本地計(jì)算機(jī)上可以找到
3.網(wǎng)絡(luò)路徑
- /static/css/a.css：網(wǎng)絡(luò)相對(duì)路徑下a.css文件
- http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)絡(luò)絕對(duì)路徑，鏈接到該網(wǎng)址文件
4.如果我想在js.jirengu.com上展示一個(gè)圖片，需要怎么操作?
將本地圖片上傳到網(wǎng)絡(luò)服務(wù)器，生成網(wǎng)絡(luò)地址，再引用網(wǎng)絡(luò)地址。
5.列出5條以上html和 css 的書(shū)寫(xiě)規(guī)范
1.語(yǔ)法不分大小寫(xiě)，但建議統(tǒng)一使用小寫(xiě)
2.不使用內(nèi)聯(lián)的style屬性定義樣式
3.id和class使用有意義的單詞，分隔符使用-
4.屬性值是0的省略
5.塊內(nèi)容縮進(jìn)
6.屬性值冒號(hào)后添加空格
6.截圖介紹 chrome 開(kāi)發(fā)者工具的功能區(qū)
Chrome調(diào)試.png
2.png
