1.CSS的全稱是什么?
Cascading Style Sheets全稱層疊樣式表,CSS是一種樣式表語言,用于為HTML文檔定義布局, 例如,CSS涉及字體、顏色、邊距、高 度、寬 度、背景圖像、高級(jí)定位等方面。
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- CSS有4種引入方式
1.內(nèi)聯(lián)樣式 <p style="font-color: green;">
2.內(nèi)部樣式 <style type="text/sheet">
h1{
color: red;
}
</style>
3.外部樣式 外部樣式可以通過導(dǎo)入(@import)
<style>
@import url("a.css");
@import "b.css";
</style>
4.外部樣式 外部樣式可以通過導(dǎo)入(link)
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
- link 和 @import 的區(qū)別:
1.ink 是 HTML 的一個(gè)標(biāo)簽,可以放在HTML中的任何一個(gè)位置,而 @import 是 CSS 提供的一種方法,需要放在 HTML 的 style 標(biāo)簽里,或是放在一個(gè)樣式表里,不能直接放在 HTML 里。因此 link 除了加載 CSS 之外還做其他的事情,而 @import 就只能加載 CSS 了。
2.link是在加載頁面前把css加載完畢,而@import url() 則是讀取完文件后再加載樣式,所以如果遇到網(wǎng)速很慢的情況,會(huì)出現(xiàn)先顯示沒有樣式的頁面,然后在閃爍一下之后才出現(xiàn)樣式。
3.@import 是 css2 里提出的,所以古老的 ie5 瀏覽器不支持,而 link 則沒有這個(gè)問題。
4.當(dāng)使用javascript控制dom去改變樣式的時(shí)候,只能使用link標(biāo)簽,@import不是dom可以控制的。
3. 以下這幾種文件路徑分別用在什么地方,代表什么意思?
css/a.css
相對(duì)路徑,當(dāng)前目錄下的css目錄下的a.css文件
./css/a.css
相對(duì)路徑,等價(jià)于css/a.css
b.css
相對(duì)路徑,當(dāng)前目錄下的b.css
../imgs/a.png
相對(duì)路徑,上級(jí)目錄下的imgs目錄下的a.png文件
/Users/hunger/project/css/a.css
本地絕對(duì)路徑
/static/css/a.css
網(wǎng)絡(luò)相對(duì)路徑
[http://cdn.jirengu.com/kejian1/8-1.png]
網(wǎng)絡(luò)路徑,通過該路徑可以找到cdn.jirengu.com域名下kejian1目錄下的8-1.png文件
4. 如果我想在js.jirengu.com上展示一個(gè)圖片,需要怎么操作?
1.可以直接將圖片上傳到服務(wù)器,在頁面使用這張圖片
2.如果這個(gè)圖片本來就存在網(wǎng)絡(luò)上其他的服務(wù)器上,可以直接使用圖片的網(wǎng)絡(luò)絕對(duì)路徑鏈接的方式在頁面上添加url引用這張圖片
5. 列出5條以上html和 css 的書寫規(guī)范
HTML:
1.DOCTYPE標(biāo)簽使用大寫,如<!DOCTYPE html>
2.對(duì)需要閉合的標(biāo)簽,閉合標(biāo)簽不要省略
3.頁面要指定字符編碼,指定字符編碼的 meta 元素應(yīng)為 head 的第一個(gè)子素
4.有文本標(biāo)簽的控件必須使用label標(biāo)簽將文本和控件關(guān)聯(lián)
5.不要在HTML里使用內(nèi)聯(lián)樣式
CSS:
1.統(tǒng)一使用小寫
2.不使用內(nèi)聯(lián)的style屬性定義樣式
3.d 和 class 使用有意義的單詞,命名連字符使用-
4.要有一定的縮進(jìn)
5.數(shù)值為0時(shí)不帶單位
6.屬性值在冒號(hào)后面加一個(gè)空格
7.使用縮寫
6.截圖介紹 chrome 開發(fā)者工具的功能區(qū)

27fecd31528cac67f83e05da776c913ca86972db.png