1.CSS的全稱是什么?
Cascading Style Sheets 層疊樣式表CSS是一種樣式表語言，用于為HTML文檔定義布局窒所，對HTML進行美化眉菱，修飾HTML頁面，提高用戶體驗, 例如拐格，CSS涉及字體僧免、顏色、邊距捏浊、高 度懂衩、寬 度、背景圖像、高級定位等方面
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
2.1 CSS總體來看有4種引入方式
- 1.內聯(lián)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的區(qū)別
本質上，這兩種方式都是為了加載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.網(wǎng)站路徑/static/css/a.css 網(wǎng)站中也可以使用相對路徑http://cdn.jirengu.com/kejian1/8-1.png17 網(wǎng)絡中的路徑
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）] 可采用網(wǎng)絡路徑直接引入
5.列出5條以上html和 css 的書寫規(guī)范
- 1.HTML的標簽盡量使用有語義標簽比如header箍邮，content茉帅，footer，img媒殉，p等，類別名layout摔敛，container廷蓉，navigation等等
- 2.不使用內聯(lián)樣式的style元素定義樣式，建議采用外部css
- 3.html標簽嵌套應使用tab鍵縮進，嵌套結構清晰明了
- 4.每套css用大括號{}包裹桃犬，間隔一行
- 5.語句結束以分號（刹悴；）結束
6.截圖介紹 chrome 開發(fā)者工具的功能區(qū)
Paste_Image.png
轉載自《饑人谷官網(wǎng)》
