1. CSS的全稱是什么?
層疊樣式表 (Cascading Style Sheets，乘癯ǎ縮寫記作 CSS）音半， 是一種 樣式表 語言琳袄，用來描述 HTML 或 XML（包括如 SVG君旦、XHTML 之類的 XML 分支語言）文檔的呈現澎办。CSS 描述了在屏幕、紙質金砍、音頻等其它媒體上的元素應該如何被渲染的問題局蚀。
2. CSS有幾種引入方式? link 和@import 有什么區(qū)別?
一、內聯(lián)引用CSS
將STYLE屬性直接加在個別的元件標簽里恕稠，<元件(標簽) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}
例如：
<td style="color:#c00; font-size:15px; line-height:18px;>
模板無憂 - www.mb5u.com
</td>
- 優(yōu)點：可靈巧應用樣式於各標簽中琅绅。方便于編寫代碼時的使用。
- 缺點：沒有整篇文件的“統(tǒng)一性”鹅巍，在需要修改某樣式的時候也變的比較困難千扶。
二、內部引用CSS
將樣式規(guī)則寫在<STYLE>...</STYLE>標簽之中昆著。
<STYLE TYPE="text/CSS">
<!--
樣式規(guī)則表
-->
</STYLE>
通常是將整個的 <STYLE>...</STYLE>結構寫在網頁的<HEAD> </HEAD>部份之中县貌。
- 優(yōu)點：整篇文章有了統(tǒng)一性术陶，只要是有聲明的的元件即會套用該樣式規(guī)則凑懂。
- 缺點：個別元件的靈活度不足，整站的功能性較弱梧宫。
三接谨、外部引用 link 標簽引用CSS
將樣式規(guī)則寫在.css的樣式文件中摆碉，再以<link>標簽引入。
假設我們把樣式規(guī)則存成一個example.css的檔案脓豪，我們只要在網頁中加入：
<link rel=stylesheet type="text/css" href="example.css">
這樣引入該css樣式表文件以后巷帝，就可以直接套用該樣式檔案中所制定的樣式了。 通常是將link標簽寫在網頁的<head></head>部份之中扫夜。
- 優(yōu)點：可以把要套用相同樣式規(guī)則的數篇文件都指定到同一個樣式文件中楞泼，可以進行統(tǒng)一的修改，也便于整站的設置有統(tǒng)一的風格笤闯。
一般css網頁布局都使用此種方法堕阔。 - 缺點：在個別文件或元素的靈活度不足。
四颗味、外部引用 @import 引用CSS
跟link方法很像超陆，但必須放在<STYLE>...</STYLE> 中：
<STYLE TYPE="text/css">
<!--
@import url(引入的樣式表的位址、路徑與檔名);
-->
</STYLE>
例如：
<STYLE TYPE="text/css">
<!--
@import url(css/example.css);
-->
</STYLE>
要注重的是浦马，行末的分號是必須的时呀！千萬不能漏寫！
- 優(yōu)點：可以靈活的引入css文件對xhtml元素進行控制晶默。有時候也用來編寫某些css hack谨娜。
- 缺點：在個別文件或元素的靈活度不足。
link 和@import 有什么區(qū)別?
-
差別1：老祖宗的差別磺陡。link屬于XHTML標簽瞧预，而@import完全是CSS提供的一種方式。
link標簽除了可以加載CSS外仅政，還可以做很多其它的事情垢油，比如定義RSS，定義rel連接屬性等圆丹，@import就只能加載CSS了滩愁。 - 差別2：加載順序的差別。當一個頁面被加載的時候（就是被瀏覽者瀏覽的時候）辫封，link引用的CSS會同時被加 載硝枉，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍）倦微，網速慢 的時候還挺明顯（夢之都加載CSS的方式就是使用@import妻味，我一邊下載一邊瀏覽夢之都網頁時，就會出現上述問題）欣福。
- 差別3：兼容性的差別责球。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題雏逾。
- 差別4：使用dom控制樣式時的差別嘉裤。當使用javascript控制dom去改變樣式的時候，只能使用link標簽栖博，因為@import不是dom可以控制的屑宠。
3. 以下這幾種文件路徑分別用在什么地方，代表什么意思?
1. css/a.css
同級目錄下仇让，css文件夾中的a.css文件
2. ./css/a.css
同上典奉，標準寫法
3. b.css
當前目錄下的b.css文件
4. ../imgs/a.png
上級目錄下，imgs文件夾中的a.png文件
5. /Users/hunger/project/css/a.css
以絕對路徑的方式在本地計算機上找到a.css文件
6. /static/css/a.css
以絕對路徑的方式在服務器上找到a.css文件
7. http://cdn.jirengu.com/kejian1/8-1.png
通過網址找到8-1.png文件
4. 如果我想在js.jirengu.com上展示一個圖片丧叽，需要怎么操作?
- 穩(wěn)定的做法：上傳到服務器內部并用相對路徑讀取秋柄。減小服務器壓力的做法
- 在img標簽的src屬性中填寫圖片的網絡路徑，即可展示圖片
5. 列出5條以上html和 css 的書寫規(guī)范
HTML書寫規(guī)范：
- 為每個HTML頁面的第一行添加標準模式（standard mode）的聲明
- HTML屬性應當按照一定的順序依次排列蠢正，來確保代碼的易讀性
- 標簽骇笔、屬性、屬性命名由小寫英文嚣崭、數字和_組成笨触，且所有標簽必須閉合，屬性值必須用雙引號""
- 避免使用中文拼音盡量簡易并要求語義化
- 多用無兼容性問題的HTML內置標簽
CSS書寫規(guī)范：
- 語法不區(qū)分大小寫雹舀，但建議統(tǒng)一使用小寫
- 不使用內聯(lián)的style屬性定義樣式
- id和class使用有意義的單詞芦劣，分隔符建議使用-
- 屬性值是0的省略單位
- 塊內容縮進
- 屬性的冒號后一個空格
6. chrome開發(fā)者工具介紹：
-
移動開發(fā)
-
頁面與樣式
-
javascript相關
-
資源相關
