1糯而,CSS的全稱是什么?
答:CSS的全稱是CASCADING STYLE SHEET,層疊式樣式表。
2芍殖,CSS有幾種引入方式? link 和@import 有什么區(qū)別?
答:在HTML中,引入CSS的方法有三種:外部樣式表谴蔑,內(nèi)部樣式表豌骏,內(nèi)聯(lián)樣式。
<ul>
<li>外部樣式表指將樣式單獨(dú)存為CSS文件隐锭,在HTML中的head頭部文件中引用該樣式文件窃躲,如
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
</li>
<li>內(nèi)部樣式指在 <style> 標(biāo)簽里定義內(nèi)部樣式表,如:
<head>
<style type="text/css">
h1 {color: red;}
p {margin-left: 20px;}
</style>
</head>
</li>
<li>內(nèi)聯(lián)樣式表指在元素標(biāo)簽內(nèi)部插入樣式钦睡,如
<p style="color: blue; margin-left: 20px">
This is a paragraph
</p>
這種方式將內(nèi)容和表現(xiàn)混雜在一起蒂窒,不推薦使用。
link 和@import的區(qū)別:加載順序的差別荞怒。當(dāng)一個(gè)頁面被瀏覽器加載的時(shí)候洒琢,link引用的CSS會(huì)同時(shí)被加載,而@import引用的CSS 會(huì)等到頁面全部被下載完再被加載挣输。所以有時(shí)候?yàn)g覽@import加載CSS的頁面時(shí)開始會(huì)沒有樣式纬凤,然后頁面突然變化。兼容性的差別撩嚼,老式瀏覽器不支持@import方式停士。使用dom控制樣式時(shí)的差別挖帘。當(dāng)使用javascript控制dom去改變樣式的時(shí)候,只能使用link標(biāo)簽恋技,因?yàn)锧import不是dom可以控制的拇舀。還有@import是CSS專用的,而link可以用于其他方面蜻底。
3骄崩,以下這幾種文件路徑分別用在什么地方,代表什么意思?
答:文件路徑有相對(duì)路徑薄辅,絕對(duì)路徑和網(wǎng)站路徑要拂。
相對(duì)路徑:
<ul>
<li>css/a.css
,當(dāng)前目錄下的css文件夾里的a.css
文件</li>
<li>./css/a.css
站楚,當(dāng)前目錄下css文件夾里的a.css
文件脱惰,./表示當(dāng)前目錄</li>
<li>b.css
,當(dāng)前目錄下的b.css
文件</li>
<li>../imgs/a.png
窿春,上級(jí)目錄里的imgs文件夾里的a.png文件拉一,../表示上級(jí)目錄</li>
</ul>
絕對(duì)路徑:
/Users/hunger/project/css/a.css
絕對(duì)路徑為從根目錄到目標(biāo)文件的完整路徑,一般不使用絕對(duì)路徑旧乞,因?yàn)橐坏┪募A發(fā)生變化蔚润,文件路徑就失效了,如上傳到服務(wù)器時(shí)尺栖,絕對(duì)路徑就失效了嫡纠。
網(wǎng)站路徑:
/static/css/a.css
http://cdn.jirengu.com/kejian1/8-1.png
/static/css/a.css表示主域名下文件路徑,即主域名加上/static/css/a.css
就是文件路徑决瞳。http://cdn.jirengu.com/kejian1/8-1.png
為文件的http地址货徙。
我哦一般使用相對(duì)路徑,不管是在本地還是整個(gè)文件夾上傳到服務(wù)器皮胡,文件路徑都有效痴颊。
4,如果我想在js.jirengu.com上展示一個(gè)圖片屡贺,需要怎么操作?
答:1蠢棱,把圖片上傳到網(wǎng)絡(luò)上,然后復(fù)制網(wǎng)址地址到j(luò)s.jirengu.com上甩栈,如將圖片上傳到簡書泻仙,地址放在jsBin上: