CSS的全稱是什么?

層疊樣式表(cascading style sheets)

CSS有幾種引入方式? link 和@import 有什么區別?

• 4種
  分別是:
  1. 內聯樣式表
  2. 內部樣式表
  3. <link>標簽引入
  4. @import 引入
• link和@import的區別:
  1. @import是css2.1新引入的概念,可能有些低版本瀏覽器不認識。
  2. <link>標簽是HTML標簽,可以寫在任意位置。@import是css樣式，只能寫在 style標簽里
  3. link標簽會HTML文件加載的時候一起被加載，而@import是等HTML文件全部加載完成之后再加載，用戶體驗非常不好。

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

css/a.css _相對路徑，樣式表在css文件夾下_
./css/a.css _相對路徑，樣式表在當前文件夾下的css文件夾內_
b.css _相對路徑，樣式表在當前根目錄下_
../imgs/a.png _圖片在上一級目錄中imgs文件下_
/Users/hunger/project/css/a.css _絕對路徑，從根目錄Users-> a.css_
/static/css/a.css _網站路徑，樣式表當前文件下的static下css下_
http://cdn.jirengu.com/kejian1/8-1.png _網站路徑，圖片在根目錄下的kejian1內_

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

1. 先從本地上傳到網站里
2. 再在對應的地址欄輸入圖片所在的路徑+圖片的名稱 如：https://jirengu.com -https://jirengu.com/kejian/1.png

列出5條以上html和 css 的書寫規范

1. 語法不區分大小寫，但建議統一使用小寫

2.  屬性冒號后跟一個空格
3. 塊內容縮進
4. 屬性值為0可以省去單位
5. id 和 class 使用帶有語言的單詞。建議使用‘-’分隔
6. 采用統一的命名規范

截圖介紹 chrome 開發者工具的功能區

chrome

chrome2

參考鏈接
sf chrome dev