1.css全稱是什么?
css全稱:Cascading Style Sheets挖炬,意思為層疊樣式表
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- 引入方式:
- 行內(nèi)式:寫在標(biāo)簽內(nèi)褪秀,例如:<div style="width:200px; height:60px;"></div>
- 內(nèi)嵌式:寫在<head>標(biāo)簽里,例如:<head><style type="text/css">div{width:200px;}</style></head>
- 導(dǎo)入式:用@import在<head>標(biāo)簽里導(dǎo)入矿微,例如:<head><style type="text/css">@import url("hello.css");</style></head>
- 鏈接式:將css樣式用link方式引入到頁面中呐能,例如:<link rel="stylesheet" type="text/css" href="hello.css" />
- link和@import的區(qū)別:
- @import導(dǎo)入式會(huì)在整個(gè)網(wǎng)頁裝載完后再裝載CSS文件念搬,因此這就導(dǎo)致了一個(gè)問題抑堡,如果網(wǎng)頁比較大則會(huì)兒出現(xiàn)先顯示無樣式的頁面,閃爍一下
之后朗徊,再出現(xiàn)網(wǎng)頁的樣式首妖。
- link鏈接式與導(dǎo)入式不同的是它會(huì)以網(wǎng)頁文件主體裝載前裝載CSS文件,因此顯示出來的網(wǎng)頁從一開始就是帶樣式的效果的爷恳,它不會(huì)象導(dǎo)入式
那樣先顯示無樣式的網(wǎng)頁有缆,然后再顯示有樣式的網(wǎng)頁,這是鏈接式的優(yōu)點(diǎn)温亲。
3. 文件路徑
路徑 | 含義 |
---|---|
css/a.css | 當(dāng)前頁面目錄下的css目錄里的a.css文件 |
./css/a.css | 當(dāng)前頁面目錄下的css目錄里的a.css文件 |
b.css | 當(dāng)前頁面目錄下的b.css文件 |
../imgs/a.png | 當(dāng)前頁面目錄下的父目錄里的imgs目錄里的a.png文件 |
/Users/hunger/project/css/a.css | 絕對(duì)路徑 |
/static/css/a.css | 項(xiàng)目上傳到服務(wù)器上使用棚壁,表示本項(xiàng)目里的static目錄里的css目錄里的a.css |
http://cdn.jirengu.com/kejian1/8-1.png | 網(wǎng)絡(luò)鏈接,指此圖片在網(wǎng)絡(luò)上的路徑 |
4. 想在js.jirengu.com上展示一個(gè)圖片栈虚,需要怎么操作?
1.png
5. 列出5條以上html和 css 的書寫規(guī)范
- 語法建議統(tǒng)一使用小寫
- 避免使用行內(nèi)樣式袖外,做到樣式和內(nèi)容分離
- 使用div模塊化
- 明白標(biāo)簽語義化,不亂用
- 塊內(nèi)容縮進(jìn)魂务,方便閱覽
6. 截圖介紹 chrome 開發(fā)者工具的功能區(qū)
3.png
4.png
5.png
(missiton 6)