一:CSS是什麼
css 是Cascading style Sheets的簡稱 中文譯作「層疊樣式表單」 我們習慣稱為「層疊樣式表"
#使用css 我們應該要注意什麼:
1.當有多個網頁要用到的CSS,採用外連CSS檔案的方式,這樣網頁的程式碼大大減少,修改起來非常方便;只在單一網頁中使用的CSS,採用文檔頭部方式;只有在一個網頁一、兩個地方才用到的CSS,採用行內插入方式。
2.三種用法可以混用,不會造成混亂。這就是為什麼它稱之為「層疊樣式表」的原因,瀏覽器在顯示網頁時是這樣處理的:先檢查有沒有行內插入式CSS,有就執行了,針對本句的其它CSS就不去管它了;其次檢查頭部方式的CSS,有就執行了;在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出,三種CSS的執行優先順序為:行內插入式、頭部方式、外連檔方式。
css的語法:
<style type="text/css">
/*寫入css樣式*/
< /style>
使用CSS樣式的一個好處是透過定義某個樣式,可以讓不同網頁位置的文字有著統一的字體、字號或顏色等
那麼我們來寫一個實例:
<!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> 中华民族伟大复兴 </body> </html>
如上案例,我為body 定義了一個樣式,這樣正文中所有的內容都會擁有這個樣式
css參考手冊,大家可以百度上下載一個,如下圖所示:
下一節