1、 CSS的全稱是什么?

層疊樣式表Cascading Style Sheets

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

• 內(nèi)聯(lián)樣式
  <h1 style="height:40px;color:red"> </h1>

• 內(nèi)部樣式

  <style type="text/css"> 
    h1{
            color: red;
            font-size: 30px;
    }
  /style>
  

• 外部樣式

鏈接樣式
<link rel="stylesheet" type="text/css" href="index.css">
導(dǎo)入樣式
在HTML初始化時(shí)會(huì)被導(dǎo)入到HTML或CSS文件中，成為文件的一部分
<style>
   @import url("style.css");
   @import "style.css";
</style>

link和@import的區(qū)別

• link：html標(biāo)簽，不存在兼容性問(wèn)題，會(huì)隨著網(wǎng)頁(yè)的加載而同時(shí)被加載，優(yōu)先級(jí)高于@import，可以調(diào)用CSS以外的文件
• @import：CSS語(yǔ)法，只能調(diào)用CSS文件，兼容IE5以上，等待頁(yè)面加載完后才能被加載
• 還有使用用dom控制樣式時(shí)有差別，使用js去控制dom去改變樣式時(shí)只能用link，@import不是dom可控制的

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

   css/a.css  相對(duì)路徑，同一目錄下css文件夾中的a.css文件
   ./css/a.css 相對(duì)路徑，同上
   b.css 相對(duì)路徑，當(dāng)前目錄下b.css文件
   ../imgs/a.png 相對(duì)路徑，當(dāng)前目錄的上級(jí)目錄imgs文件夾中的a.png文件
   /Users/hunger/project/css/a.css 絕對(duì)路徑 本地文件地址
   /static/css/a.css 絕對(duì)路徑，主域名下static文件中css中的a.css文件
   http://cdn.jirengu.com/kejian1/8-1.png  網(wǎng)站路徑  

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

• 把圖片傳到服務(wù)器，并用相對(duì)路徑
• 從網(wǎng)頁(yè)上找到圖片及圖片地址，用網(wǎng)站路徑
• 上傳到圖床得到圖片鏈接，然后用網(wǎng)絡(luò)路徑

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

HTML：

• 為每個(gè)HTML頁(yè)面的第一行添加標(biāo)準(zhǔn)模式（standard mode）的聲明
• HTML屬性應(yīng)當(dāng)按照一定的順序依次排列，來(lái)確保代碼的易讀性
• 標(biāo)簽、屬性、屬性命名由小寫英文、數(shù)字和_組成，且所有標(biāo)簽必須閉合，屬性值必須用雙引號(hào)""
• 避免使用中文拼音盡量簡(jiǎn)易并要求語(yǔ)義化
• 多用無(wú)兼容性問(wèn)題的HTML內(nèi)置標(biāo)簽

CSS：

• 語(yǔ)法不區(qū)分大小寫，但建議統(tǒng)一使用小寫
• 不使用內(nèi)聯(lián)的style屬性定義樣式
• id和class使用有意義的單詞，分隔符建議使用-
• 屬性值是0的省略單位
• 塊內(nèi)容縮進(jìn)
• 屬性的冒號(hào)后一個(gè)空格

6、截圖介紹 chrome 開(kāi)發(fā)者工具的功能區(qū)

F12打開(kāi)開(kāi)發(fā)者工具

菜單欄：

捕獲.JPG

Elememt面板：

1.JPG

控制臺(tái)面板

2.JPG

sources面板

3.JPG

網(wǎng)絡(luò)面板：

4.JPG

應(yīng)用面板：

6.JPG

設(shè)備模擬器：

7.JPG

網(wǎng)絡(luò)環(huán)境模擬器：

8.JPG