一 CSS的全稱是什么？

• CSS全稱是Cascading Style Sheets ,層疊樣式表。

二 CSS有幾種引入方式？link 和 @import 有什么區(qū)別？

• CSS有幾種引入方式？

1. 內(nèi)聯(lián)樣式
   <p style="color:red ; font-size :12px">內(nèi)聯(lián)樣式</p>

2. 內(nèi)部樣式

<style type="text/css">
  p{
    color = red;
    font-size = 20px；
  }
</style>
<p>內(nèi)部樣式</p>

3. 外部樣式

<link rel="stylesheet" type= "text/css" href="index.css">
<style>
  @import url("hello.css");
  @import "world.css";
</style>

• link 和 @import 有什么區(qū)別？

1. link 是XHTML標(biāo)簽，除了加載CSS外，還可以定義RSS等其他事務(wù)；@import屬于CSS范疇，只能加載CSS。

2. link 引用CSS時(shí)，在頁面加載時(shí)同時(shí)加載；@impot，需要頁面網(wǎng)頁完全載入后加載。

3. link是XHTML標(biāo)簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。

4. link支持使用Javascript控制DOM去改變樣式；而@import不支持。

三 以下這幾種文件路徑分別用在什么地方，代表什么意思?

• 相對(duì)路徑

css/a.css 取得css文件夾下面的a.css文件
./css/a.css 取得同一文件夾下面的css文件夾下面的a.css文件
b.css 當(dāng)前目錄下的b.css
../imgs/a.png 取得父文件夾下面的imgs文件夾下面的a.png文件

• 絕對(duì)路徑

/Users/hunger/project/css/a.css 取得目錄下的Users文件夾下的hunger文件夾下的project文件夾下的css文件夾下的a.css文件

• 網(wǎng)站路徑

/static/css/a.css 網(wǎng)站中也可以使用相對(duì)路徑，取得該網(wǎng)站目錄下static文件夾下的css文件夾下的a.css文件

http://cdn.jirengu.com/kejian1/8-1.png 直接通過鏈接的形式取得網(wǎng)上的圖片

四 如果我想在js.jirengu.com上展示一個(gè)圖片，需要怎么操作?

• 上傳到服務(wù)器上，再使用相對(duì)路徑取得
• 直接采用其他網(wǎng)站上的圖片，將圖片鏈接引入HTML

五 列出5條以上html和 css 的書寫規(guī)范

• 文件規(guī)范

1. 文件名用英文單詞，多個(gè)單詞用駝峰命名法

例如： MaginLeft...

2. 一些瀏覽器會(huì)將含有這些詞作為廣告攔截，文件命名、ID、CLASS等所有命名避免以上詞匯。

例如：ad、ads、adv、banner、sponsor、gg、guangg、guanggao等

• HTML 書寫規(guī)范

1. 文檔類型聲明，統(tǒng)一為HTML5文檔類型聲明
2. 語義化HTML
3. 標(biāo)簽、屬性、屬性命名使用小寫英文、數(shù)字和-組成，且所有標(biāo)簽必須閉合，屬性值使用雙引號(hào)。
4. 盡量減少<div>嵌套
5. 在頁面header標(biāo)簽中引入CSS樣式文件，在頁面底部引入Javascript文件

HTML書寫規(guī)范

• CSS 書寫規(guī)范

1. 引入CSS時(shí) 必須指明 rel="relstylesheet",無需指明type屬性。
2. 在 head 中引入頁面需要的所有 CSS 資源。
3. 選擇器 與 { 之間必須包含空格。
4. 屬性名 與之后的 : 之間不允許包含空格， : 與 屬性值 之間必須包含空格。
5. 當(dāng)一個(gè) rule 包含多個(gè) selector 時(shí)，每個(gè)選擇器聲明必須獨(dú)占一行。

CSS書寫規(guī)范

• 六 截圖介紹 chrome 開發(fā)者工具的功能區(qū)

7953763-cf41781e75deb7fc.png