CSS的全稱是什么?
CSS(Cascding Style Sheet)層疊樣式表,一種聲明示的計算機語言,用來為結構化的文檔添加樣式。
CSS有幾種引入方式?
CSS引入方式一共有4種引入方式分別是
- 外聯式 :在HTML文檔頭部使用一個
<link rel="stylesheet href="style.css">
標簽引入CSS文件。 - 內部式: 在HTML文檔頭部使用一個
<style></style>
標簽,將CSS寫在HTML文檔內內部。 - 內聯式:在一個元素上的起始標簽內添加一個
style=width: xxpx;
屬性這種方式的權限一般來說是最高的,不建議經常使用。 - 外部導入式:在HTML文檔頭部使用一個
<style></style>
標簽在內部添加@impor url(); 引入CSS文件。
link 和@import 有什么區別?
區別1. 使用范圍不同 link
屬于XHTML標簽 ,不僅可以作為CSS的引入方式。@import僅僅是CSS的加載方式。
區別2. 加載方式不同,在一個頁面被瀏覽的時候,如果使用的是link
標簽那么會在加載HTML時同時進行CSS文件渲染形成render tree。然而使用@import方式引入CSS文件那么必須等待瀏覽器把頁面上的HTML dom tree加載完成后在導入CSS,如果在網速較慢的情況下,可能會導致頁面沒有樣式。
區別3. 在瀏覽器兼容上@import的兼容性較差需要在IE5以上瀏覽器才可以使用(可以忽略不計),而link
沒有這樣的問題。
區別4. 使用dom控制樣式時的差別。 當使用javascript控制dom去改變樣式的時候,只能使用link標簽,因為@import不是dom可以控制的。
以下這幾種文件路徑分別用在什么地方,代表什么意思?
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
絕對路徑:表示根目錄下的Users文件夾——hunger文件夾——project文件夾——css文件夾下的a.css文件。
/static/css/a.css
絕對路徑:表示設備根目錄下的 static文件夾——css文件夾下的a.css
http://cdn.jirengu.com/kejian1/8-1.png
網絡路徑:表示一個文件在網絡上的讀取地址.
如果我想在js.jirengu.com上展示一個圖片,需要怎么操作?
- 使用一個圖床軟件(這里使用新浪圖床作為演示)
新浪圖床
列出5條以上html和 css 的書寫規范
HTML:
- HTML應該具有語義化在合適的地方使用合適的標簽有助于SEO。
- HTML應該統一大小寫,建議使用小寫。
- HTML標簽雖然不閉合也會顯示出效果,該閉合的一定要閉合,不然會影響其他元素。
- HTML標簽應該具有一定的縮進使得整體看起來比較舒適。
- 在HTML最開始聲明一個
<!doctype html>
和<meta charset="utf-8">
編碼格式。
CSS:
- CSS同樣在書寫時要注意縮進不要擠成一團,然后一個聲明占據一行。
- CSS同樣要統一大小寫。
- CSS聲明結尾添加;號分隔
- 使用@impor方式時 注意使用""引號和;分號。
- 屬性和屬性值之間使用冒號:
截圖介紹 chrome 開發者工具的功能區



