CSS的全稱是什么?
Cascading Style Sheets，層疊樣式表?？梢杂糜陟o態(tài)的修飾網(wǎng)頁，也可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
有三種引入方式。
- 內(nèi)聯(lián)樣式
<h1 style="color: red; font-size: 20px;"></h1>
樣式直接寫在HTML標簽中，簡單直接，但對后續(xù)的修改以及添加樣式會很繁瑣，不推薦使用。
- 內(nèi)部樣式
<style type="text/css">
h1 {
color: red; font-size: 20px;
}
</style>
在head標簽內(nèi)添加style標簽，樣式寫在style標簽內(nèi)，開頭需要聲明代碼語言。一般用于單個文件的特殊樣式添加，在頁面較多時使用外部樣式。
- 外部樣式
<head> <link rel="stylesheet" type="text/css" href="index.css"> </head>
最常用的引用方式，rel:告訴瀏覽器引用的是一個樣式表文件；type:文件類型（可省略）；href:文件地址。實現(xiàn)了內(nèi)容與樣式分離。
<style>
@import url("hello.css");
</style>
使用CSS語言引入。
link和@import的區(qū)別：
link是頁面加載時候的同時加載 ，@import是在整個頁面加載完之后再加載CSS文件的，如果頁面加載很慢，會出現(xiàn)一開始無樣式。@import是css2.1提出的，只在ie5以上才能識別，link不存在這個問題，兼容性較好。
以下這幾種文件路徑分別用在什么地方，代表什么意思?
| 文件路徑 | 代表 |
|---|---|
| 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 | 本地文件的絕對路徑 |
| /static/css/a.css | 網(wǎng)站路徑的絕對路徑 |
| http://cdn.jirengu.com/kejian1/8-1.png | 圖片上傳后生成的線上地址 |
如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
首先上傳圖片，得到圖片的線上地址，再使用線上地址來引用圖片。
列出5條以上html和 css 的書寫規(guī)范
html規(guī)范：
- id元素必須保證頁面唯一。
- 同一頁面，應避免使用相同的 name 與 id。
- 標簽使用必須符合標簽嵌套規(guī)則。
- 屬性值必須用雙引號包圍。
- 引入 CSS 時必須指明 rel="stylesheet"。
- title 必須作為 head 的直接子元素，并緊隨 charset 聲明之后。
CSS書寫規(guī)范：
- 語法不區(qū)分大小寫，但建議統(tǒng)一使用小寫
- 當一個 rule 包含多個 selector 時，每個選擇器聲明必須獨占一行。
- 屬性定義后必須以分號結(jié)尾。
- 不使用內(nèi)聯(lián)的style屬性定義樣式
- id和class使用有意義的單詞，分隔符建議使用-
- 屬性值是0的省略單位
- 塊內(nèi)容縮進
- 屬性名冒號后面添加一個空格
截圖介紹 chrome 開發(fā)者工具的功能區(qū)
chrome開發(fā)者工具.jpg
