CSS的全稱是什么?
Cascading Style Sheets 層疊樣式表
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
引入方式
- 內(nèi)聯(lián)樣式：style屬性直接寫在元素標(biāo)簽里
<h1 style="color:red;font-size:15px"></h1>
- 內(nèi)部樣式：將樣式寫在<style></style>標(biāo)簽內(nèi)。（<style></style>標(biāo)簽一般寫在<head></head>內(nèi)）
<style>
h1{
color:red;
font-size:15px;
}
</style>
- 外部樣式：樣式寫在.css文件中，再在html中引用樣式文件
引用樣式文件的方法有兩種：- link標(biāo)簽
<link rel="stylesheet" type="text/css" href="XXX.css"></link>
- @import引入
<style>
@import url("XXX.css");
@import "XXXX.css";
</style>
link 和@import 的區(qū)別
1. link是html的標(biāo)簽，而@import是CSS語法，@import必須寫在<style></style>標(biāo)簽內(nèi)或.css文件內(nèi)。
2. link在頁面加載時同時加載，而@import引用的css會在頁面加載結(jié)束后再加載。
3. link沒有兼容性問題，而@import只有IE5以上才能識別。
4. link支持使用Javascript控制DOM去改變樣式；而@import不支持。
以下這幾種文件路徑分別用在什么地方，代表什么意思?
- css/a.css 相對路徑 表示css文件夾下的a.css文件
- ./css/a.css 相對路徑 表示css文件夾下的a.css文件(./表示當(dāng)前路徑)
- b.css 相對路徑 表示當(dāng)前路徑下的b.css文件
- ../imgs/a.png 相對路徑 表示 當(dāng)前目錄的上級目錄下的imgs文件夾下的a.png文件
- /Users/hunger/project/css/a.css 絕對路徑 表示根目錄下的對應(yīng)路徑下的a.css文件
- /static/css/a.css 網(wǎng)站路徑 表示網(wǎng)站服務(wù)器根目錄下的對應(yīng)路徑下的a.css文件
- http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)站路徑 表示互聯(lián)網(wǎng)上8-1.png文件對應(yīng)的url
如果我想在 js.jirengu.com 上展示一個圖片，需要怎么操作?
將圖片上傳到服務(wù)器，然后用相對路徑讀取
列出5條以上html和 css 的書寫規(guī)范
- 不區(qū)分大小寫，但建議統(tǒng)一小寫
- 不使用內(nèi)聯(lián)的style樣式屬性定義樣式
- id和class使用有意義的單詞，分隔符建議使用-，盡量使用縮寫
- 屬性值是0的省略單位
- 塊內(nèi)容縮進(jìn)
- 屬性名冒號后添加一個空格
截圖介紹 chrome 開發(fā)者工具的功能區(qū)
Paste_Image.png
