1. CSS的全稱是什么?
全稱為Cascading Style Sheets，層疊樣式表。用于給網頁內容定義樣式。
2. CSS有幾種引入方式? link 和@import 有什么區別?
2.1 CSS有幾種引入方式?
內聯樣式
例如
<h1 style="color: red; font-size: 20px;"></h1>
內部樣式
用style標簽定義class，一般放在head標簽內
例如
<style type="text/css">
h1 { color: red; font-size: 20px; }
</style>
<h1>饑人谷</h1>
外部樣式
- 使用link鏈接引入的方式來加入樣式，放在header里去
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
- 使用@import放入style內引入CSS
<style>
@import url ("hello.css");
@import "world.css";
</style>
2.2 link 和@import 有什么區別?
- 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.以下這幾種文件路徑分別用在什么地方，代表什么意思?
- 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
網址路徑
4 如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
- 將圖片上傳至服務器，并通過相對路徑調用圖片
- 將圖片上傳至網絡并獲取圖片對應的網址鏈接，通過網址路徑對圖片進行調用
5 列出5條以上html和 css 的書寫規范
- 語法不區分大小寫，但統一適用小寫
- 不使用內聯的style屬性定義樣式
- id和class使用有意義的單詞，分隔符使用中橫線“-”
- 有可能就用縮寫
- 屬性值是0的省略單位
- 塊內容縮進
- 屬性名:后面加一個空格
6 截圖介紹 chrome 開發者工具的功能區
微信截圖_20170506101952.png
