1.css的全稱是什么仁烹?
CSS:層疊樣式表(英文全稱為Cascading Style Sheets)君仆。是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網頁,還可以配合各種腳本語言動態(tài)地對網頁各元素進行格式化。
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
(1)CSS引入方式
內聯(lián)樣式引入
代碼:
<h1 style="color: red; font-size: 20px;"></h1>
說明:HTML頁面不純凈埂材,文件體積大,不利于蜘蛛爬行汤求,后期維護不方便。內部樣式引入:利用style標簽严拒,將樣式放在style標簽中扬绪。下面例子中h1還有中括號部分為樣式
代碼:
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
<h1>hello,world</h1>
說明:頁面使用公共CSS代碼,也是每個頁面都要定義的裤唠,如果一個網站有很多頁面挤牛,每個文件都會變大,后期維護難度也大种蘸,如果文件很少墓赴,CSS代碼也不多,這種樣式還是很不錯的航瞭。
- 外部樣式:使用鏈接诫硕、引入的方式加載形式,有l(wèi)ink和import兩種
<link>:例子中刊侯,link建議放在head標簽中章办,因為涉及“無樣式內容閃爍”、“白屏”,JS中渲染會講到
代碼:
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
說明:實用藕届,使用頻率高挪蹭,實現(xiàn)了頁面框架代碼與表現(xiàn)CSS代碼的完全分離,使得前期制作和后期維護都十分方便
@import:例子中的兩種方式都可以引入休偶,分號一定要有梁厉,不然會報錯
代碼:
<style>
@import url("hello.css");
@import "world.css";
</style>
說明:可以靈活的引入css文件對xhtml元素進行控制。有時候也用來編寫某些css hack踏兜。但在個別文件或元素的靈活度不足词顾。
**(2)link和@import有什么區(qū)別?參考鏈接
差別1:link屬于XHTML標簽庇麦,而@import完全是CSS提供的一種方式计技。
link標簽除了可以加載CSS外,還可以做很多其它的事情山橄,比如定義RSS垮媒,定義rel連接屬性等,@import就只能加載CSS了航棱。差別2:加載順序的差別睡雇。當一個頁面被加載的時候(就是被瀏覽者瀏覽的時候),link引用的CSS會同時被加載饮醇,而@import引用的CSS 會等到頁面全部被下載完再被加載它抱。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍),網速慢的時候還挺明顯(夢之都加載CSS 的方式就是使用@import朴艰,我一邊下載一邊瀏覽夢之都網頁時观蓄,就會出現(xiàn)上述問題)。
差別3:兼容性的差別祠墅。由于@import是CSS2.1提出的所以老的瀏覽器不支持侮穿,@import只有在IE5以上的才能識別,而link標簽無此問題毁嗦。
差別4:使用dom控制樣式時的差別亲茅。當使用javascript控制dom去改變樣式的時候,只能使用link標簽狗准,因為@import不是dom可以控制的克锣。
3.以下這幾種文件路徑分別用在什么地方,代表什么意思?
- 相對路徑
css/a.css
相對路徑腔长,同級目錄下css中的a.css
./css/a.css
相對路徑袭祟,同級目錄下css中的a.css,一點表示當前目錄下捞附,與上一中寫法css/a.css相同
b.css
相對路徑榕酒,引入相對于當前頁面的相同文件夾下的b.css
../imgs/a.png
相對路徑胚膊,兩點表示上級目錄,也就是上級目錄下imgs文件夾下的a.png文件
- 絕對路徑
/Users/hunger/project/css/a.css
a.css文件的絕對路徑想鹰,在本地硬盤中真實存在的地址
- 網絡路徑
/static/css/a.css
最前面有斜線紊婉,表示當前主域名下的路徑去尋找a.css文件,例如辑舷,主域名為localhost:8080喻犁,那么就以licalhost:8080/static/css/a.css的路徑去尋找a.css文件,如果沒有最前面的斜線何缓,就是在相對當前html的同級目錄下以static/css/a.css去尋找a.css
http://cdn.jirengu.com/kejian1/8-1.png
8-1.png被上傳到互聯(lián)網上肢础,這是它在互聯(lián)網中真實準確的地址
4.如果我想在js.jirengu.com上展示一個圖片,需要怎么操作?
- 將整個網站的文件夾上傳到服務器碌廓,通過相對路徑找到這張圖片
- 將圖片上傳到某個網站保存传轰,通過網絡路徑的方式引入這張圖片
5.列出5條以上html和 css 的書寫規(guī)范
- 語法不區(qū)分大小寫,但建議統(tǒng)一使用小寫
- 不使用內聯(lián)的style屬性定義樣式
- id和class使用有意義的單詞谷婆,分隔符建議使用-
- 有可能就是用縮寫
- 屬性值是0的省略單位
ps:例如慨蛙,0px,直接使用0就行 - 塊內容縮進
ps:不要完全頂頭 - 屬性名冒號后面添加一個空格
ps:不擁擠
詳細規(guī)范