HTML+CSS 輕松入門之認(rèn)識CSS樣式
一:CSS是什么
css 是 Cascading style Sheets的簡稱 ??中文譯作“層疊樣式表單” 我們習(xí)慣稱為“層疊樣式表"
使用css 我們應(yīng)該要注意什么:
1.當(dāng)有多個網(wǎng)頁要用到的CSS,采用外連CSS文件的方式,這樣網(wǎng)頁的代碼大大減少,修改起來非常方便;只在單個網(wǎng)頁 中使用的CSS,采用文檔頭部方式;只有在一個網(wǎng)頁一、兩個地方才用到的CSS,采用行內(nèi)插入方式。
2.三種用法可以混用,且不會造成混亂。這就是它為什么稱之為“層疊樣式表”的原因,瀏覽器在顯示網(wǎng)頁時是這樣處 理的:先檢查有沒有行內(nèi)插入式CSS,有就執(zhí)行了,針對本句的其它CSS就不去管它了;其次檢查頭部方式的CSS,有就執(zhí)行 了;在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出,三種CSS的執(zhí)行優(yōu)先級是:行內(nèi)插入式、頭部方式、外連文件方式。
css的語法:
<style type="text/css">
????/*寫入css樣式*/
</style>
使用CSS樣式的一個好處是通過定義某個樣式,可以讓不同網(wǎng)頁位置的文字有著統(tǒng)一的字體、字號或者顏色等
那么我們來寫一個實例:
<!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 定義了一個樣式,這樣正文中所有的內(nèi)容都會擁有這個樣式
css參考手冊,大家可以百度上下載一個,如下圖所示: