HTML+CSS 輕鬆入門之認...LOGIN

HTML+CSS 輕鬆入門之認識CSS樣式

一: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參考手冊,大家可以百度上下載一個,如下圖所示:

2.jpg

下一節
<!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>
章節課件