HTML+CSS 輕鬆入門之認(rèn)識(shí)CSS樣式
一:CSS是什麼
css 是Cascading style Sheets的簡稱??中文譯作「層疊樣式表單」 我們習(xí)慣稱為「層疊樣式表"
#使用css 我們應(yīng)該要注意什麼:
1.當(dāng)有多個(gè)網(wǎng)頁要用到的CSS,採用外連CSS檔案的方式,這樣網(wǎng)頁的程式碼大大減少,修改起來非常方便;只在單一網(wǎng)頁中使用的CSS,採用文檔頭部方式;只有在一個(gè)網(wǎng)頁一、兩個(gè)地方才用到的CSS,採用行內(nèi)插入方式。
2.三種用法可以混用,不會(huì)造成混亂。這就是為什麼它稱之為「層疊樣式表」的原因,瀏覽器在顯示網(wǎng)頁時(shí)是這樣處理的:先檢查有沒有行內(nèi)插入式CSS,有就執(zhí)行了,針對(duì)本句的其它CSS就不去管它了;其次檢查頭部方式的CSS,有就執(zhí)行了;在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出,三種CSS的執(zhí)行優(yōu)先順序?yàn)椋盒袃?nèi)插入式、頭部方式、外連檔方式。
css的語法:
<style type="text/css">
????/*寫入css樣式*/
< /style>
使用CSS樣式的一個(gè)好處是透過定義某個(gè)樣式,可以讓不同網(wǎng)頁位置的文字有著統(tǒng)一的字體、字號(hào)或顏色等
那麼我們來寫一個(gè)實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font-size: 20px; color: red; font-weight: bold; } </style> </head> <body> 中華民族偉大復(fù)興 </body> </html>
如上案例,我為body 定義了一個(gè)樣式,這樣正文中所有的內(nèi)容都會(huì)擁有這個(gè)樣式
css參考手冊(cè),大家可以百度上下載一個(gè),如下圖所示: