首頁 關於HTML與CSS 作品集錦 好站連結 留言板

認識 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" >

回到最上方
HTML單元
  • 認識 HTML
  • 標籤列表
  • 運用:字體篇
  • 運用:編排篇
  • 運用:表格篇
  • 運用:清單列表篇
  • 運用:多媒體篇
  • 運用:表單篇
  • 無障礙網頁空間
CSS單元
  • 認識 CSS
  • CSS樣式宣告方式
  • CSS樣式屬性列表
copyright©Tammy chen 2005 最佳解析度:1280X800