1. 如何使用CSS?

CSS 的全名為 Cascading Style Sheets，是一種樣式表 (Stylesheet) 語言，可協助我們設計網頁。設計時可使用各種文書編輯器例如NotePad, NotePad++, TextPad等。要如何使用呢?先看以下的html程式碼。

	<!DOCTYPE html>

	<html>

		<head>

			<title> </title>

		</head>

		<body>

		</body>

	</html>

首先可以在行內套用(Inline style sheet)，使用關鍵字style。例如在body內寫:

	<p style="color:red">紅色字體</p>

紅色字體

第二個方式為嵌入(Internal style sheet)，可以在head標籤內加上style標籤。如下:

	<head>
		<style>
			p{color:red;}
		</style>
	</head>
	<p>紅色字體</p>

紅色字體

不過這兩種方式難以將css的程式碼重複運用，且不好管理，因此我們使用第三種方法，便是將css寫成檔案(External style sheet)。首先在head標籤內加上以下程式碼:

	<head>
		<link type="text/css" rel="stylesheet" href = "stylesheet.css">
	</head>

stylesheet.css是css的檔案，延伸檔名為css，檔案名稱可自取，此處稱之為stylesheet。接下來只要將css程式碼寫在檔案內即可。記得不需要再加上<style>了。

註解的寫法

註解就是程式不會執行的內容，可方便我們了解程式碼的意義。在css檔案中的註解寫法請使用:

而在html中，註解的寫法如下:

那麼使用Embeded方式的css，也就是寫在head內的css註解要怎麼寫?測試了一下，使用css的註解寫法可正常使用。

在網頁設計中的單位同常使用px(pixels)或是em。em為字體預設大小，通常為16px，不同的環境可能有所不同。

也可以使用其他絕對單位例如cm, mm, in等。