1.CSS的全稱(chēng)是什么?
CSS的全稱(chēng)是Cascading Style Sheet,漢語(yǔ)意思是“級(jí)聯(lián)樣式表”,通常又稱(chēng)為“風(fēng)格樣式表(Style Sheet)”,它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的.
2.CSS有幾種引入方式? link 和@import有什么區(qū)別?
CSS有三種引入方式:內(nèi)聯(lián),嵌入,外聯(lián)
(1)外聯(lián)式:加link標(biāo)簽或者@import
(2)嵌入式:
(3)內(nèi)聯(lián)式:
(4)link與import的區(qū)別:1:老祖宗的差別吞瞪。link屬于XHTML標(biāo)簽,而@import完全是CSS提供的一種方式养匈。
link標(biāo)簽除了可以加載CSS外,還可以做很多其它的事情都伪,比如定義RSS呕乎,定義rel連接屬性,等陨晶,@import就只能加載CSS了楣嘁。
2: 加載時(shí)間及順序不同。使用link鏈接的css是客戶端瀏覽你的網(wǎng)頁(yè)時(shí)先將外部的CSS文件加載到網(wǎng)頁(yè)當(dāng)中珍逸,然后再進(jìn)行編譯顯示逐虚,所以這種情況下顯示出來(lái) 的網(wǎng)頁(yè)跟我們預(yù)期的效果一樣,即使一個(gè)頁(yè)面link多個(gè)css文件谆膳,網(wǎng)速再慢也是一樣的效果叭爱;而使用@import導(dǎo)入的CSS就不同了,客戶端在瀏覽網(wǎng) 頁(yè)時(shí)是先將html的結(jié)構(gòu)呈現(xiàn)出來(lái)漱病,再把外部的CSS文件加載到網(wǎng)頁(yè)當(dāng)中买雾,當(dāng)然最終的效果也是跟前者是一樣的把曼,只是當(dāng)網(wǎng)速較慢時(shí)會(huì)出現(xiàn)先顯示沒(méi)有CSS統(tǒng) 一布局時(shí)的html網(wǎng)頁(yè),這樣就會(huì)給閱讀者很不好的感覺(jué)漓穿。這也是現(xiàn)在大部分網(wǎng)站的CSS都采用鏈接方式的最主要原因嗤军。
3:兼容性不同。由于@import是CSS2.1提出的所以老的瀏覽器不支持晃危,@import只有在IE5以上的才能識(shí)別叙赚,而link標(biāo)簽無(wú)此問(wèn)題。
4:使用dom控制樣式時(shí)出現(xiàn)問(wèn)題僚饭。當(dāng)使用javascript控制dom去改變樣式的時(shí)候震叮,只能使用link標(biāo)簽,因?yàn)锧import不是dom可以控制的鳍鸵。
5: 導(dǎo)入樣式可以避免過(guò)多頁(yè)面指向一個(gè)css文件苇瓣。當(dāng)網(wǎng)站中使用同一個(gè)CSS文件的頁(yè)面不是非常多時(shí),這兩種方式在效果方面幾乎是沒(méi)有不同的偿乖,但網(wǎng)站的頁(yè)面數(shù) 達(dá)到一定程度時(shí)(比如新浪等門(mén)戶)击罪,如果采用鏈接的方式可能就會(huì)使得由于多個(gè)頁(yè)面調(diào)用同一個(gè)CSS文件而造成速度下降,但是一般頁(yè)面能達(dá)到這種程度的網(wǎng)站 也會(huì)有資本用最好的硬盤(pán)贪薪,所以這方面的因素也不用怎么擔(dān)心媳禁。
綜上所述,一般普通的站點(diǎn)在調(diào)用外部樣式表的時(shí)候古掏,還是盡量選擇link鏈入外部樣式表比較好损话。
3.以下這幾種文件路徑分別用在什么地方侦啸,代表什么意思?
相對(duì)路徑:以當(dāng)前文件所在路徑為參考來(lái)查找相關(guān)文件
css/a.css :同級(jí)文件夾下的a.css文件
./css/a.css:同級(jí)的css文件 ? ?./表示當(dāng)前文件夾
b.css:選擇當(dāng)前文件目錄中的b.css文件
../imgs/a.png:上一級(jí)文件夾中imgs文件夾里的a.png文件
絕對(duì)路徑:文件或目錄在硬盤(pán)上真正的路徑
/Users/hunger/project/css/a.css
網(wǎng)路路徑:例如開(kāi)辟一個(gè)本地服務(wù)器槽唾,當(dāng)前地址為http://localhost:8080/code/index.html, 在該HTML文件中存在以下路徑:/static/css/a.css:以絕對(duì)路徑的方式在服務(wù)器中尋找a.css文件,即在服務(wù)器上直接通過(guò)該路徑尋找相關(guān)文件 ?css/a.css:以相對(duì)路徑的方式在服務(wù)器中尋找a.css文件光涂,即在index.html文件所在路徑(目錄)中尋找css文件夾下的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png:該地址可以找到定位到互聯(lián)網(wǎng)上的"8-1.png"文件
4.如果我想在js.jirengu.com上展示一個(gè)圖片庞萍,需要怎么操作?
1.上傳到服務(wù)器(從電腦本地上傳到服務(wù)器)
2.或者使用img標(biāo)簽(若該照片有網(wǎng)絡(luò)地址才可用) ?
5.列出5條以上html和 css 的書(shū)寫(xiě)規(guī)范
參照https://github.com/fex-team/styleguide/blob/master/html.md
6.截圖介紹 chrome 開(kāi)發(fā)者工具的功能區(qū)