1.CSS是什么桐臊?
CSS的全程為 Cascading style sheets 翻譯過來中文是 層疊樣式表,它是用來控制或者增強網(wǎng)頁樣式的一種語言,并且允許網(wǎng)頁內(nèi)容與樣式分離瓷胧。布局,大小证鸥,顏色都可以改變缨该。
2.CSS有幾種引入方式?import和link引入方式有什么不同?
CSS引入方式大概有三種饰序,內(nèi)聯(lián)式领虹,內(nèi)部式(嵌入式),外聯(lián)式菌羽。
- 內(nèi)聯(lián)式
內(nèi)聯(lián)式掠械,顧名思義,就是直接在html標(biāo)簽內(nèi)改變樣式注祖,且僅僅改變該標(biāo)簽的樣式猾蒂,下一個同名標(biāo)簽仍為默認樣式。大概用法如下:
- 內(nèi)部式(內(nèi)聯(lián)式)
內(nèi)部式是晨,是寫在head標(biāo)簽內(nèi)同時加入style標(biāo)簽肚菠,用選擇器來控制元素的樣式。例如:
- 外部式
外部式是通過引用外部的CSS文件罩缴,來控制網(wǎng)頁的樣式蚊逢,也就是通常說的樣式與內(nèi)同分離。通常有兩種方式 link 和 import 箫章。這兩種方式大大不同烙荷,可能有的稱 link為鏈接式,import為導(dǎo)入式檬寂。
這三種方法终抽,優(yōu)先級基本遵循就近原則,所以常常表現(xiàn)為內(nèi)聯(lián)式>內(nèi)部式>外部式桶至。
link和import有什么區(qū)別昼伴?
這二者雖然都是外部式,都能達到樣式與內(nèi)容分離的效果镣屹,但是實際差別還是很大的圃郊。
-
link和import
link本身就是一個HTML的標(biāo)簽,理論上他可以出現(xiàn)在HTML的任何一個地方女蜈,但是由于實際使用和瀏覽器的渲染機制持舆,我們通常將其放入head標(biāo)簽內(nèi)。link 不止可以引用CSS文件伪窖,還可以引用其他的類型的文件吏廉。而import 是CSS語言,所以他只能導(dǎo)入CSS文件惰许。
加載的方式不同席覆,使用link引入的CSS文件會和頁面一起加載,而使用 import引入的CSS則會等頁面加載完才開始加載汹买。
兼容性link是HTML標(biāo)簽佩伤,所有的瀏覽器都支持,import則只能支持IE5以上的版本晦毙。
其中REL屬性描述的是當(dāng)前文檔與鏈接文檔的信息生巡,href指的是文件位置。type被鏈接文檔的MIME信息见妒。
3.常見路徑的表示方法
css/a.css 表示相對路徑孤荣,當(dāng)前目錄下,css文件夾下的a.css文件。
./css/a.css 同上盐股。表示一樣的意思钱豁。都是相對路徑。
b.css 當(dāng)前目錄下的 b.css文件,相對路徑疯汁。
../images/a.png 上級目錄的images文件夾下的a.png文件牲尺,相對路徑。
/Users/hunger/projects/css/a.css MAC中的絕對路徑幌蚊。
/static/css/a.css 網(wǎng)絡(luò)上的相對路徑谤碳,且是以根目錄開頭的。
http://http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)絡(luò)上的絕對路徑溢豆。
'/'表示根目錄蜒简。 './'表示當(dāng)前目錄。 '../'表示上級目錄漩仙。
4.如果我想在饑人谷中上展示一個圖片臭蚁,怎么操作?
- 如果我是開發(fā)人員就可以將電腦上的本地圖片上傳到服務(wù)器文件上讯赏,直接用網(wǎng)站的相對路徑引用垮兑,也可以直接在用網(wǎng)絡(luò)上的圖片,使用網(wǎng)絡(luò)絕對路徑來上傳漱挎。
- 現(xiàn)在我不是開發(fā)人員系枪,只能調(diào)用網(wǎng)絡(luò)上絕對路徑來上傳。
- 直接上傳絕對路徑的磕谅。
- 把圖片變成網(wǎng)絡(luò)絕對路徑的私爷。
5. 列出5條以上HTML和CSS規(guī)范
屬性名冒號后面加空格
盡量用小寫
不使用內(nèi)聯(lián)樣式
塊內(nèi)容縮進
標(biāo)簽一定要閉合