HTML 樣式－Design Code 設計密碼

現在趨勢都是結合 CSS來定義 HTML樣式，如要學習 CSS請前往 BLOG 右側欄位

如何使用樣式

當瀏覽器讀到一個樣式表，它就會按照這個樣式表來對文檔進行格式化。有以下三種方式來插入樣式表：

當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。

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

當單個文件需要特別樣式時，就可以使用內部樣式表。你可以在head 部分通過<style> 標籤定義內部樣式表。

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

當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。

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

標籤	描述
<style>	定義樣式定義。
<link>	定義資源引用。
<div>	定義文檔中的節或區域（塊級）。
<span>	定義文檔中的行內的小塊或區域。
<font>	規定文本的字體、字體尺寸、字體顏色。不贊成使用。請使用樣式。
<basefont>	定義基準字體。不贊成使用。請使用樣式。
<center>	對文本進行水平居中。不贊成使用。請使用樣式。

設計密碼工作室

Design Code 設計密碼

設計密碼工作室發表在痞客邦留言(0) 人氣()