CSS的全稱是什么?
cascading style sheets慌烧,層疊樣式表
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
三種:
1曾撤、內(nèi)聯(lián)樣式
<p style="background:red;">;
2明棍、內(nèi)部樣式排作;
<style>
.classname{ background:red;}
</style>
3牵啦、外部樣式,分為兩種link和@import
<link href="a.css" type="text/css" rel="stylesheet">
<style>
@import url("a.css");不要忘記分號;
""引號可以省略
@import ”a.css”妄痪;
</style>
區(qū)別
link是個(gè)html標(biāo)簽
@import是個(gè)css的語法哈雏,隨時(shí)隨地可以引用放在樣式文件中(在其他css中還可以通過它進(jìn)行引用另外的css文件)
具體有兩種寫法
><style>
>@import url("a.css"):
其中”“可以去掉 ,簡化為
>@import url (a.css);
或者
>@import ”a.css“;
1.寫法不同
link是個(gè)標(biāo)簽。@import是一種css3的寫法裳瘪。
2.兩者的加載方式不同
link鏈接的是外部樣式履因,瀏覽器將其會同html文件差不多一同加載渲染,而@import要等html加載完成之后在進(jìn)行加載盹愚。
3.兼容性的差別栅迄。由于@import是CSS2.1提出的,所以老的瀏覽器不支持皆怕,@import只有在IE5以上的才能識別毅舆,而link標(biāo)簽無此問題。
4.使用dom控制樣式時(shí)的差別愈腾。當(dāng)使用javascript控制dom去改變樣式的時(shí)候憋活,只能使用link標(biāo)簽,因?yàn)锧import不是dom可以控制改變的虱黄。
link支持javascript控制dom去改變樣式悦即,而@import不支持通過dom去改變樣式,只能通過css去修改樣式橱乱。
以下這幾種文件路徑分別用在什么地方辜梳,代表什么意思?
相對路徑:
css/a.css :css文件夾中的a.css文件
./css/a.css:**當(dāng)前css文件夾中的a.css文件
b.css:與a.css同目錄下的b.css文件
../imgs/a.png:上一級目錄imgs中的a.png
絕對路徑
/Users/hunger/project/css/a.css:電腦a.css文件的完整在電腦上的路徑
網(wǎng)絡(luò)路徑
/static/css/a.css:上傳到服務(wù)器端的a.css的路徑
http://cdn.jirengu.com/kejian1/8-1.png:8-1.png在網(wǎng)絡(luò)上的路徑
如果我想在js.jirengu.com上展示一個(gè)圖片,需要怎么操作?
在本地搭建服務(wù)器泳叠,然后上傳圖片到本地服務(wù)器作瞄,得到地址,然后再js.bin中調(diào)用地址危纫。
或者直接將圖片上傳到百度圖片的服務(wù)器宗挥,得到url,再在js.bin中調(diào)用
列出5條以上html和 css 的書寫規(guī)范
1.注意大小寫种蝶,屬性一律小寫
2.不適用內(nèi)聯(lián)樣式
3.屬性值為o的省略單位
4.屬性名字后加一個(gè)空格契耿,便于好看
5.id和class 起名字要有意義,兩個(gè)單詞可以使用-連接
6.屬性書寫的順序
截圖介紹 chrome 開發(fā)者工具的功能區(qū)
http://chuantu.biz/t5/48/1488191859x1944531257.png
**嚴(yán)禁轉(zhuǎn)載螃征,違者必究搪桂!