HOME

基本語法
HTML 概述
HTML & WWW
HTML 簡介
HTML 元素
HTML 基本標示
HTML 字元型式
HTML 字元實體
HTML 連結
HTML 框架
HTML 表格
HTML 排列
HTML 字型與輸入
HTML 圖片
HTML 背景

進階語法
HTML 版面
HTML 字型
HTML 4.0 Why
HTML 型式Styles
HTML 頭部Head
HTML 頭部資料
HTML URL
HTML 程式指令
HTML 傳送檔案

範例練習及參考資料
HTML 練習例子
W3C 線上測驗
HTML 快速列表
HTML 標示列表
HTML 屬性
HTML 事件
HTML ASCII
HTML URL轉檔
HTML 字元實體
HTML 顏色
HTML 顏色值
HTML 顏色名稱
HTML HTTP

HTML 型式Styles

在HTML 4.0的版本裡，所有的文件格式都可以寫在HTML的文件之外，而是在一個不同的style sheet。

範例

Styles
這個例子說明了如何格式一個HTML文件，使用style指令並撰寫在<head>裡面。

超連結而沒有格線
這個例子說明了如何製造一個link而沒有下面的線，因為使用的是style。

超連結一個外部的style sheet
這個例子說明了如何去使用<link>去連結一個外部的style sheet。

當一個瀏覽器讀到一個style sheet，它將顯現格式化的文件。下面有三種方式去插入一個style sheet：

一個外部的style sheet 是完美的，當style被使用在很多的網頁。你能夠改變整個網頁的所在地，經由改變一個檔案由外部的style cheet。每個網頁都必須使用<link>標籤超連結至style sheet。<link> 標籤寫在開頭內。

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

一個內部的style cheet應該能使用當一個單一的文件有唯一的style。你定義內部的style在標頭檔內，並使用<style>。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

一個inline Styles應該被使用，當在一個單一元素發生單一事件。

Style 特性能容納任何CSS特性。這個範例展現如何去改變一段文字的左邊顏色：

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>