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

一：CSS是什麼

css 是Cascading style Sheets的簡稱中文譯作「層疊樣式表單」我們習慣稱為「層疊樣式表"

#使用css 我們應該要注意什麼：

1.當有多個網頁要用到的CSS，採用外連CSS檔案的方式，這樣網頁的程式碼大大減少，修改起來非常方便；只在單一網頁中使用的CSS，採用文檔頭部方式；只有在一個網頁一、兩個地方才用到的CSS，採用行內插入方式。

2.三種用法可以混用，不會造成混亂。這就是為什麼它稱之為「層疊樣式表」的原因，瀏覽器在顯示網頁時是這樣處理的：先檢查有沒有行內插入式CSS，有就執行了，針對本句的其它CSS就不去管它了；其次檢查頭部方式的CSS，有就執行了；在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出，三種CSS的執行優先順序為：行內插入式、頭部方式、外連檔方式。

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

繼續學習

新建檔案

<!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>

提交重置程式碼

自動運行