CSS的全稱是什么?
層疊樣式表Cascading Style Sheet
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- 行內(nèi)樣式:
<div style="background:red;"></div>
- 內(nèi)部樣式:
<style> .div{ background:red; } </style>
- 外部樣式:
<link rel="stylesheet" type="text/css" href="css/css1.css">
- 在
<style></style>
表里寫@import url("");
link和@imort的區(qū)別:
語法結(jié)構(gòu)差別。link 是 HTML 標(biāo)簽除了 CSS 還能定義別的東西,而@import是CSS提供的一種方式茉帅,只能加載CSS了。
加載順序的差別震缭。link 和頁面本體是會同時加載的椅贱,而 @import 得等到頁面加載完成再加載览绿。所以有時候?yàn)g覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍)慌洪。
兼容性的差別顶燕。@import 是 CSS 2 標(biāo)準(zhǔn),所以老的瀏覽器不支持冈爹,@import只有在IE5以上的才能識別涌攻,而link標(biāo)簽無此問題。
使用dom控制樣式時的差別频伤。當(dāng)使用javascript控制dom去改變樣式的時候恳谎,只能使用link標(biāo)簽,因?yàn)锧import不是dom可以控制的憋肖。
以下這幾種文件路徑分別用在什么地方因痛,代表什么意思?
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 ---- 上級目錄下imgs文件夾a.png文件
/Users/hunger/project/css/a.css ---- 本地絕對路徑中的a.css文件
/static/css/a.css ---- 某網(wǎng)站目錄下/static目錄下的/css目錄下的/a.css文件
http://cdn.jirengu.com/kejian1/8-1.png ----- 網(wǎng)站上的絕對路徑,表示饑人谷該網(wǎng)站kejian1目錄下的名為8-1.png的圖片地址
如果我想在js.jirengu.com上展示一個圖片瞬哼,需要怎么操作?
- 把圖片上傳服務(wù)器婚肆,然后引用相對路徑
- 第二種生成圖片的鏈接租副,然后引用圖片
列出5條以上html和 css 的書寫規(guī)范
- 使用英文小寫
- 嵌套注意層層縮進(jìn)標(biāo)簽坐慰,縮進(jìn)使用Tab
- 使用語義化標(biāo)簽
- class命名使用具體的內(nèi)容,不要按會變的left/right等
- 在每個 HTML 頁面的第一行添加聲明
<!DOCTYPE html>
- 使用外聯(lián)式css樣式<link href="css.css"rel="stylesheet">
- 使用注釋,方便以后或其他人理解