問題1
css全稱:層疊樣式表(Cascading Style Sheets)
問題2
1.CSS的三種引入方式
- 行內(nèi)引入(內(nèi)聯(lián)樣式):當(dāng)特殊的樣式需要應(yīng)用到個別元素時壹店,就可以使用內(nèi)聯(lián)樣式。
- 內(nèi)部引入(內(nèi)部樣式表):單個文件需要特別樣式時霸饲,就可以使用內(nèi)部樣式表怖亭。
- 外部引入(外部樣式表):當(dāng)樣式需要被應(yīng)用到很多頁面的時候侥蒙,外部樣式表將是理想的選擇崔兴。
2.** link 和@import的主要區(qū)別** - link屬于XHTML標(biāo)簽五督,@import完全是CSS提供的一種方式
- link標(biāo)簽除了可以加載CSS外藏否,還可以做很多其它的事情,比如定義RSS概荷,定義rel連接屬性秕岛,@import就只能加載CSS了
- 加載順序的差別碌燕。當(dāng)一個頁面被加載的時候误证,link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載完再被加載修壕。所以有時候?yàn)g覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍)
- 兼容性的差別愈捅。低版本瀏覽器不支持@import,而link標(biāo)簽無此問題慈鸠。
- 使用dom控制樣式時的差別蓝谨。當(dāng)使用js控制dom去改變樣式的時候,只能使用link標(biāo)簽
問題3
路徑 | 存放位置 | 代表含義 |
---|---|---|
css/a.css | 位于相鄰css文件夾中的a.css | 從相鄰的css文件夾中引入a.css |
./css/a.css | 位于相鄰css文件夾中的a.css | 從相鄰的css文件夾中引入a.css |
b.css | 位于同一文件夾下的b.css | 從html位于的本文件夾下引入b.css |
../imgs/a.png | 位于上級imgs文件夾下的a.png | 從上級imgs文件夾中引入a.png |
/Users/hunger/project/css/a.css | 位于Users文件夾下hunger下projec下css中的a.css | 引入該路徑下的a.css |
/static/css/a.css | 位于static文件夾下css中的a.css | 引入該路徑下的a.css |
http://cdn.jirengu.com/kejian1/8-1.png | 位于http://cdn.jirengu.com網(wǎng)站中kejian目錄下的8-1.png | 引入該路徑下的8-1.png |
問題4
在js.jirengu.com上展示一個圖片:在GitHub上新建images文件夾存放圖片青团,圖片可通過gitbash推送上遠(yuǎn)程倉庫譬巫,使用圖片時,復(fù)制圖片地址即可督笆。
示例
問題5
html和 css 的書寫規(guī)范
- 字母宜小寫
- 標(biāo)簽應(yīng)閉合
- 不宜使用內(nèi)聯(lián)樣式
- 在頁面的head標(biāo)簽中引入所有的樣式表文件
- css中選擇器 與 { 之間必須包含空格芦昔,屬性名 與之后的 : 之間不允許包含空格, : 與 屬性值 之間必須包含空格
- css屬性定義后必須以分號結(jié)尾