1.CSS的全稱是什么?
Cascading Style Sheets 層疊樣式表
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- 外部樣式
<link rel="stylesheet" type="text/css" href="css文件地址" media="all"/>
通過<link>標(biāo)簽鏈接外部css文件枉圃，此標(biāo)簽一般寫在<head>標(biāo)簽中。
可使用多個此語句添加多個樣式表，瀏覽器會合并顯示侈百。
<style type="text/css">
@import url(css文件地址);
</style>
在<style>標(biāo)簽中添加@import語句以清，鏈接外部css文件宣蔚。
此語句須寫在其他css語句之前弄企，否則不起作用戏挡。
- 內(nèi)部樣式
<style type="text/css">
css語句
</style>
將css語句寫在<style>標(biāo)簽內(nèi)货徙，此標(biāo)簽一般放在<head>內(nèi)左权。
- 行內(nèi)樣式
<p style="color: red;">
將css語句作為style屬性的值，直接寫在需要添加樣式的HTML標(biāo)簽內(nèi)痴颊。
此形式不推薦使用赏迟。
link與@import的區(qū)別
- <link>本質(zhì)上是HTML標(biāo)簽，@import本質(zhì)上是css語句蠢棱。
- 除了鏈接css文件之外還有許多其他的功能锌杀，@import只能鏈接css文件。
- 加載順序不同泻仙。當(dāng)一個頁面被加載的時候糕再，link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載饰豺。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式亿鲜，然后閃爍一下才顯示樣式，在網(wǎng)速慢的時候比較明顯。
- 兼容性的差別蒿柳。由于@import是CSS2.1提出的所以老的瀏覽器不支持饶套，@import只有在IE5以上的才能識別，而link標(biāo)簽無此問題垒探。
3.以下這幾種文件路徑分別用在什么地方妓蛮，代表什么意思?
-
css/a.css
相對路徑，表示當(dāng)前目錄下css文件夾內(nèi)的a.css文件圾叼。 -
./css/a.css
同上蛤克，“./”即代表當(dāng)前目錄。 -
b.css
相對路徑夷蚊，表示當(dāng)前目錄下的b.css文件构挤。 -
../imgs/a.png
相對路徑，表示當(dāng)前目錄的上級目錄下的imgs文件夾中的a.png文件惕鼓。 -
/Users/hunger/project/css/a.css
絕對路徑筋现，表示本地a.css文件在硬盤上的絕對地址。 -
/static/css/a.css
絕對路徑箱歧，表示a.css文件在服務(wù)器上的絕對地址矾飞。 -
http://cdn.jirengu.com/kejian1/8-1.png
絕對路徑，表示8-1.png在網(wǎng)絡(luò)上的絕對地址呀邢。
4.如果我想在js.jirengu.com上展示一個圖片洒沦，需要怎么操作?
- 將圖片上傳至某圖床，得到圖片的網(wǎng)絡(luò)絕對地址价淌。
再使用絡(luò)絕對地址)插入圖片申眼。或使用css將圖片設(shè)為某元素的背景圖片输钩。 - 將圖片文件上傳服務(wù)器豺型，即可使用相對路徑讀取圖片。
5.列出5條以上html和 css 的書寫規(guī)范
- 統(tǒng)一使用小寫字母买乃。
- 不同css語句間必須用分號";"隔開姻氨。
- html標(biāo)簽有開頭就必須有閉合，自閉和標(biāo)簽除外剪验。
- css屬性與值之間的冒號后要跟一個空格肴焊。
- css行內(nèi)樣式的寫法不推薦使用。
6.截圖介紹 chrome 開發(fā)者工具的功能區(qū)
屏幕快照 2017-03-21 上午12.18.19.png
