認識 CSS
看完了HTML的介紹你是否對網頁更了解了呢?即使你不是直接利用原始碼來編寫網頁,但是了解HTML對接下來的CSS有很大的關聯。
所謂的CSS就是(Cascading Style Sheet )樣式表,他可以用來控制網頁上的視覺編排,不管是字體、背景、圖片等,都可以集中在這裡作編寫,雖然這些可以直接用HTML標籤製作, 但是當你需要修改一堆標籤時,你就會發現CSS是多麼方便的工具,輕易的修改一頁甚至更多頁,利用它來作網頁的編排會讓事情更簡單化 。
CSS該放在網頁的哪裡?
- CSS的放置方式分成三種,一種是針對單頁的樣式控制,將它的語法放置於該網頁的 <head>...</head> 之間,用 <style>...</style> 標籤包著。
它的書寫方式如下:
原
始
碼<style type="text/css">
<!--
body {font-family: "新細明體";font-size: 12px;color: #0000FF;}
-->
</style> - 另一種方式是外部連結,可以同時用來控制多個網頁,該網頁的原始碼裡,利用<link>標籤設定連結外部的CSS檔案(範例:main.css),
一樣是放置於 <head>...</head> 之間。
原
始
碼<link href="main.css" rel="stylesheet" type="text/css"> C
S
S
檔body {
font-family: "新細明體";
font-size: 12px;
color: #0000FF;
} - 還有一種是單獨使用類似標籤的使用方法。
原
始
碼<input type="text" name="textfield" " style="background-color:#ffff99" >