1、CSS的全稱是什么?
層疊樣式表Cascading Style Sheet
2、CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- 行內(nèi)式
<div style="color: #333"></div>
- 內(nèi)嵌式(放在head中)
<style type="text/css">
*{
padding: 0;margin: 0
}
</style>
- 外聯(lián)式(放在head中,推薦?。?/li>
<link href="css/style.css" rel="stylesheet" type="text/css">
- 在 <style> 里面寫上 @import url("http://xxx.css")
<style>@import url("http://xxx.css")</style>
link 和@import 區(qū)別
- 語(yǔ)法結(jié)構(gòu)差別。link 是 HTML 標(biāo)簽除了 CSS 還能定義別的東西,而@import是CSS提供的一種方式,只能加載CSS了。
- 加載順序的差別。link 和頁(yè)面本體是會(huì)同時(shí)加載的,而 @import 得等到頁(yè)面加載完成再加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開(kāi)始會(huì)沒(méi)有樣式(就是閃爍)。
- 兼容性的差別。@import 是 CSS 2 標(biāo)準(zhǔn),所以老的瀏覽器不支持,@import只有在IE5以上的才能識(shí)別,而link標(biāo)簽無(wú)此問(wèn)題。
- 使用dom控制樣式時(shí)的差別。當(dāng)使用javascript控制dom去改變樣式的時(shí)候,只能使用link標(biāo)簽,因?yàn)锧import不是dom可以控制的。
3、以下這幾種文件路徑分別用在什么地方,代表什么意思?
css/a.css(當(dāng)前目錄下css文件夾內(nèi)a.css文件)
./css/a.css(當(dāng)前目錄下css文件夾內(nèi)a.css文件)
b.css(當(dāng)前目錄下b.css文件)
../imgs/a.png(上級(jí)目錄下imgs文件夾a.png文件)
/Users/hunger/project/css/a.css(本地絕對(duì)路徑中的a.css文件)
/static/css/a.css(static文件夾中的css文件夾中的a.css文件)
http://cdn.hunger.com/kejian1/8-1.png (網(wǎng)站的圖片地址)
PS:如果想在js.baidu.com上展示一個(gè)圖片,需要怎么操作?
- 把圖片上傳服務(wù)器,然后引用相對(duì)路徑
qw2ie2. 第二種生成圖片的鏈接,然后引用圖片
4、介紹 chrome 開(kāi)發(fā)者工具的功能區(qū)
chrome 開(kāi)發(fā)者工具的功能區(qū)
參考資料
參考知乎回答
5、長(zhǎng)度單位
相對(duì)長(zhǎng)度單位
px 像素點(diǎn)
em //font-size的值,若一個(gè)元素的font-zise值為16px,則1em=16px
rem
ex //x字符的高度,有些瀏覽器會(huì)把它計(jì)算成0.5em
vh vm