1.CSS的全稱是什么?
CSS全程：Cascading Style Sheet（層疊樣式表）
2.CSS有幾種引入方式? link 和@import 有什么區別?
- 1.內聯CSS（Inline CSS）
<h1 style="color:blue;">This is a Blue Heading</h1>
- 2.內部CSS（Internal CSS）在html的head中加入style標簽
<style type="text/css">
h1{
color: red;
}
</style>
- 3.外部CSS（external CSS）在html中引入外部鏈接，要使用外部的樣式表，在<head> 添加一個鏈接到它的HTML頁面的部分
<head>
<link rel="stylesheet" href="styles.css">
</head>
4.導入CSS
@import url()5.區別
1.link是XHTML標簽，除了加載CSS外，還可以定義RSS等其他事務；@import屬于CSS范疇，只能加載CSS。
2.link引用CSS時，在頁面載入時同時加載；@import需要頁面網頁完全載入以后加載。
3.link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
4.link支持使用JavaScript控制DOM去改變樣式；而@import不支持。
3.以下這幾種文件路徑分別用在什么地方，代表什么意思?
| 路徑 | 類別 | 場景 |
|---|---|---|
| css/a.css | 相對路徑 | 當前目錄下的css文件夾中的a.css文件 |
| ./css/a.css | 相對路徑 | 當前目錄中css文件夾中的a.css文件 |
| b.css | 相對路徑 | 當前目錄中的b.css文件 |
| ../imgs/a.png | 相對路徑 | 上級目錄中的imgs 文件夾中的a.png文件 |
| /Users/hunger/project/css/a.css | 絕對路徑 | 本地絕對路徑中的a.css文件 |
| /static/css/a.css | 絕對路徑 | 本地絕對路徑中的a.css文件 |
| http://cdn.jirengu.com/kejian1/8-1.png | 網站路徑 | 網站鏈接 |
絕對路徑很好理解，這里我們圖解一下相對路徑
相對路徑是什么？就是相對與你當前文件位置的路徑。
例如：css/a.css就是在當前目錄的css文件夾下的a.css文件。
可能有人這里要問了a.css當前目錄不就是css嘛？
這個沒有錯，但是這個路徑是相對與index.html的！
因為你在html文件中引入css文件，所以相對與html文件它的當前目錄是整個項目，它引入的文件路徑是相對與它現在所處的文件夾 > css文件夾 > a.css
也就是css/a.css或者./css/a.css
當我在a.css中想引入b.css時，路徑直接就是b.css
上面我們說了是相對與當前文件所在文件夾的路徑，a.css和b.css都在同一個目錄下
所以直接引入就可以了
那我還想在a.css中放一個背景圖片，那它的路徑怎么辦
很容易(想不出來的多看看圖片)
想一下a.css現在處于什么目錄下，css文件夾下吧，那怎么跳出呢
使用”..“退回上一級目錄，也就是從css/a.css中跳到了項目文件夾下
這時候就可以通過/imgs/a.png找到了
我們把它的路徑連起來就是
../imgs/a.png
4.如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
- 可以直接將圖片上傳到服務器，在頁面使用這張圖片
- 如果這個圖片本來就存在網絡上其他的服務器上，可以直接使用圖片的網絡絕對路徑鏈接的方式在頁面上添加url引用這張圖片
5.列出5條以上html和 css 的書寫規范
1.語法統一使用小寫
2.不使用內聯樣式的style元素定義樣式，建議采用外部css
3.id和class使用有區分度的單詞
4.有意義的單詞采用 - 連接
5.塊內容縮進
6.屬性名：后面加一個空格
6.截圖介紹 chrome 開發者工具的功能區
