一灸芳、CSS的全稱是什么?
Cascading Style Sheets冗美,層疊樣式表
二、CSS有幾種引入方式? link 和@import 有什么區(qū)別?
(1)CSS有幾種引入方式
1.內(nèi)聯(lián)樣式
<h1 style="color:red;font-size:18px;"></h1>
2.內(nèi)部樣式
<style type="text/css">
h1{
color:red;
font-size:18px;
}
</style>
注意:此處的style為style標(biāo)簽
3.外部樣式
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<style>
@import url("index.css");
</style>
4.瀏覽器默認(rèn)樣式
(2) link 和@import 有什么區(qū)別?
- 使用區(qū)別:<link>是html的標(biāo)簽崩侠,可以放在任何地方后德,除了加載CSS外,還可以定義RSS等其他事務(wù)栖雾;而@import是css的語法楞抡,只能加載CSS。
- link引用CSS時析藕,在頁面載入時同時加載召廷;@import需要頁面網(wǎng)頁完全載入以后加載。
- link是XHTML標(biāo)簽账胧,無兼容問題竞慢;@import是在CSS2.1提出的,低版本的瀏覽器不支持治泥。
- link支持使用Javascript控制DOM去改變樣式筹煮;而@import不支持。
三居夹、以下這幾種文件路徑分別用在什么地方败潦,代表什么意思?
相對路徑
- css/a.css(當(dāng)前文件即當(dāng)前目錄下,css文件夾里的a.css文件)
- ./css/a.css("."代表當(dāng)前文件准脂,同上)
- b.css(相對于a.css的當(dāng)前文件下的css文件夾劫扒,與它同級的b.css文件)
- ../imgs/a.png(".."為返回上級文件夾,進(jìn)入上級文件夾下的imgs文件夾狸膏,找到a.png文件)
(推薦)相對于當(dāng)前的文件來說的路徑粟关,本地、服務(wù)器都能使用环戈。
絕對路徑
- /Users/hunger/project/css/a.css(本地文件的絕對地址)
(不推薦使用)太長并且在服務(wù)器上無法找到對應(yīng)文件闷板,只能本地使用。
網(wǎng)站路徑
- /static/css/a.css(網(wǎng)站中的相對路徑)
-
http://cdn.jirengu.com/kejian1/8-1.png(網(wǎng)絡(luò)路徑)
總結(jié)下還是用絕對路徑比較好
四院塞、如果我想在js.jirengu.com上展示一個圖片遮晚,需要怎么操作?
1.上傳到服務(wù)器內(nèi)部并用相對路徑讀取。
2.打開某圖床網(wǎng)站拦止,上傳所需圖片县遣,得到圖片的鏈接,使用該網(wǎng)絡(luò)路徑汹族。
五萧求、列出5條以上html和 css 的書寫規(guī)范
1.不區(qū)分大小寫,但建議統(tǒng)一使用小寫,使用UTF-8 編碼顶瞒;夸政;
2.不使用內(nèi)聯(lián)的style屬性定義樣式;
3.id和class使用有意義的單詞榴徐;
4.[強(qiáng)制] 當(dāng)一個 rule 包含多個 selector 時守问,每個選擇器聲明必須獨占一行。
5.[強(qiáng)制] >坑资、+耗帕、~ 選擇器的兩邊各保留一個空格。
6.[強(qiáng)制] 屬性選擇器中的值必須用雙引號包圍袱贮。