1.CSS的全稱是什么?
Cascading Style Sheets 層疊樣式表CSS是一種樣式表語言，用于為HTML文檔定義布局，對HTML進行美化，修飾HTML頁面，提高用戶體驗, 例如，CSS涉及字體、顏色、邊距、高 度、寬 度、背景圖像、高級定位等方面
2.CSS有幾種引入方式? link 和@import 有什么區別?
2.1 CSS總體來看有4種引入方式
- 1.內聯CSS（Inline CSS）exp：<h1 style="color:blue;">This is a Blue Heading</h1>
- 2.內部CSS（Internal CSS）在html的head中加入style標簽
<style type="text/css">
li {
background-color:green;
}
</style> - 3.外部CSS（external CSS）在html中引入外部鏈接，要使用外部的樣式表，在<head> 添加一個鏈接到它的HTML頁面的部分：
exp：
<link rel="stylesheet" href="styles.css"> </head> - 4.導入CSS@import url()
@import url（）
2.2 link與@import的區別
本質上，這兩種方式都是為了加載CSS文件，但還是存在著細微的差別
- 1.link屬于XHTML標簽，而@import完全是CSS提供的一種方式。link標簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。
- 2.加載順序的差別。當一個頁面被加載的時候，link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時性能較差
- 3.兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題
- 4.使用dom控制樣式時的差別。當使用javascript控制dom去改變樣式的時候，只能使用link標簽，因為@import不是dom可以控制的。
3.以下這幾種文件路徑分別用在什么地方，代表什么意思?
- 3.1.相對路徑css/a.css 當前目錄下的css文件夾中的a.css
./css/a.css 當前目錄中css文件夾中的a.css文件
b.css 當前目錄下的b.css文件
../imgs/a.png 上級目錄中的imgs 文件夾中的a圖片 - 3.2.絕對路徑（本地文件的絕對地址）/User/hunger/project/css/a.css 本地絕對路徑中的a.css文件
- 3.3.網站路徑/static/css/a.css 網站中也可以使用相對路徑http://cdn.jirengu.com/kejian1/8-1.png17 網絡中的路徑
4.如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
思路：將本地圖片上傳，通過瀏覽器加載server中文件夾內的圖片上傳完成后，當圖片所在文件夾與html展示頁面在同級目錄中時，我們可以通過相對路徑直接調用展示比如：img src="url" alt="some_text" style="width:width;height:height;"這里的url是對應的相對路徑比如/images/html5.gif
如果在另外一臺服務器中：img src="http://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com"[圖片上傳中。。。（1）] 可采用網絡路徑直接引入
5.列出5條以上html和 css 的書寫規范
- 1.HTML的標簽盡量使用有語義標簽比如header，content，footer，img，p等，類別名layout，container，navigation等等
- 2.不使用內聯樣式的style元素定義樣式，建議采用外部css
- 3.html標簽嵌套應使用tab鍵縮進，嵌套結構清晰明了
- 4.每套css用大括號{}包裹，間隔一行
- 5.語句結束以分號（；）結束
6.截圖介紹 chrome 開發者工具的功能區
Paste_Image.png
轉載自《饑人谷官網》
