一、css是什么？
CSS全稱是Cascading Style Sheets，簡寫為CSS，稱作：層疊樣式表，又稱串樣式列表、級聯樣式表、串接樣式表，一種用來為結構化文檔（如 HTML文檔或 XML 應用）添加樣式（字體、間距和顏色等）的計算機語言，由 W3C 定義和維護。
網頁的讀者和作者都可以使用CSS來決定文件的顏色、字體、排版等顯示特性。CSS 最主要的目的是將文件的內容與顯示分隔開來。這有許多好處：
1、文件的可讀性加強。
2、文件的結構更加靈活。
3、作者和讀者可以自己決定文件的顯示。
4、文件的結構簡化了。
參考資料1
二、CSS有幾種引入方式？link和@import有什么區別？
有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入外部 CSS 文件。下面我們就來看看這些方式和它們的優缺點。
1、內聯樣式
將style屬性直接加在個別的元件標簽里，<元件(標簽) style="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}。
這通常是個很復雜的書寫方式，它只能改變當前標簽的樣式，如果想要多個 <div> 擁有相同的樣式，你不得不重復地為每個 <div> 添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 style 中的代碼。很顯然，內聯方式引入 CSS 代碼會導致 HTML 代碼變得冗長，且使得網頁難以維護。
2、內部樣式
內部樣式也叫內嵌式，是將樣式代碼寫在<style></style>標簽中，通常將style標簽放到HTML文件<head></head>標簽里。
嵌入方式的 CSS 只對當前的網頁有效。因為 CSS 代碼是在 HTML 文件中，所以會使得代碼比較集中，當我們寫模板網頁時這通常比較有利。因為查看模板代碼的人可以一目了然地查看 HTML 結構和 CSS 樣式。因為嵌入的 CSS 只對當前頁面有效，所以當多個頁面需要引入相同的 CSS 代碼時，這樣寫會導致代碼冗余，也不利于維護。
3、外部引用 link 標簽引用CSS
將樣式規則寫在.css的樣式文件中，再以<link>標簽引入。這樣引入該css樣式表文件以后，就可以直接套用該樣式檔案中所制定的樣式了。 通常是將link標簽寫在網頁的<head></head>部份之中。
這種方法的優點：可以把要套用相同樣式規則的數篇文件都指定到同一個樣式文件中，可以進行統一的修改，也便于整站的設置有統一的風格。這是最常見的也是最推薦的引入 CSS 的方式。使用這種方式，所有的 CSS 代碼只存在于單獨的 CSS 文件中，所以具有良好的可維護性。并且所有的 CSS 代碼只存在于 CSS 文件中，CSS 文件會在第一次加載時引入，以后切換頁面時只需加載 HTML 文件即可。
4、外部引用 @import 引用CSS
跟link方法很像，但必須放在<STYLE>...</STYLE> 中。
要注重的是，@improt行末的分號是必須的！千萬不能漏寫！
這種方法的優點：可以靈活的引入css文件對xhtml元素進行控制。有時候也用來編寫某些css hack。
這種方法的缺點：在個別文件或元素的靈活度不足。
link和@import引用區別：
差別1：link 屬于 HTML，通過 <link>標簽中的 href 屬性來引入外部文件，而 @import 屬于 CSS，所以導入語句應寫在 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可以控制的。
差別5：@import可以在css中再次引入其他樣式表，比如可以創建一個主樣式表，在主樣式表中再引入其他的樣式表。這樣更利于修改和擴展。但這樣做有一個缺點，會對網站服務器產生過多的HTTP請求，以前是一個文件，而現在卻是兩個或更多文件 了，服務器的壓力增大，瀏覽量大的網站還是謹慎使用。參考資料2參考資料3
三、以下這幾種文件路徑分別用在什么地方，代表什么意思?
1、css/a.css
可以用在本地路徑也可以用在網絡路徑。表示相對路徑，用在尋找當前目錄下的css目錄下的a.css文件 。
2、./css/a.css
用在本地路徑，表示相對路徑，用于尋找當前目錄下的css目錄下的a.css文件。
3、b.css
可以用在本地路徑，也可以用在網絡路徑。表示相對路徑，用于尋找當前目錄下的b.css文件。
4、../imgs/a.png
用在本地路徑也可以用在網絡路徑，表示相對路徑，用于尋找上級目錄下的imgs目錄下的a.png文件。
5、/Users/hunger/project/css/a.css
用在本地路徑，一般不用于網絡路徑。表示絕對路徑，用于尋找本地根目錄下的Users/hunger/project/css/a.css。
6、/static/css/a.css
用在網絡路徑，表示在static目錄下的css目錄下的a.css文件路徑。
7、http://cdn.jirengu.com/kejian1/8-1.png
網絡路徑，表示域名下的kejian1文件下的8-1.png文件。
四、在js.jirengu.com上展示一個圖片，需要怎么操作?
1、我們在編寫html時，使用img標簽的src屬性時，它的值就是你要展示圖片的路徑，如果這個圖片和html文件在同一個目錄下，直接就是圖片名；如果不在同一個目錄下，就使用相對路徑找到圖片位置。一般不使用絕對路徑添加圖片。
2、當圖片不在本地而是在網絡上，我們可以直接復制圖片的網址到src中。
五、列出5條以上html和 css 的書寫規范（非強制）
1、語法不區分大小寫，但潛規則是統一使用小寫。
2、不使用內聯的style屬性定義樣式。
3、id和class使用有意義的單詞，分隔符建議使用 -，不建議使用下橫線_。
4、屬性值是0，就省略單位。
5、塊內容要縮進，為了使整體看起來規范整齊。
6、屬性名冒號后面加一個空格，也是為了好看。
六、chrome開發工具介紹
在瀏覽器界面，直接右擊、檢查或者快捷鍵F12，即可打開。
Google Chrome一共提供了8大組工具：
1、Elements: 允許我們從瀏覽器的角度看頁面，也就是說我們可以看到chrome渲染頁面所需要的的HTML、CSS和DOM(Document Object Model)對象。此外，還可以編輯這些內容更改頁面顯示效果；
2、Network: 可以看到頁面向服務器請求了哪些資源、資源的大小以及加載資源花費的時間，當然也能看到哪些資源不能成功加載。此外，還可以查看HTTP的請求頭，返回內容等；
3、Sources: 主要用來調試js；
4、Timeline: 提供了加載頁面時花費時間的完整分析，所有事件，從下載資源到處理Javascript，計算CSS樣式等花費的時間都展示在Timeline中；
5、Profiles: 分析web應用或者頁面的執行時間以及內存使用情況；
6、Resources: 對本地緩存（IndexedDB、Web SQL、Cookie、應用程序緩存、Web Storage）中的數據進行確認及編輯；
7、Audits: 分析頁面加載的過程，進而提供減少頁面加載時間、提升響應速度的方案；
8、Console: 顯示各種警告與錯誤信息，并且提供了shell用來和文檔、開發者工具交互。
每個工具的界面，又有一些其它工具，祥知可以參考chrome開發工具介紹
