免費AI編程助手
HTML CSS百科及常用嵌入方式
HTML樣式- CSS
CSS (Cascading Style Sheets) 使用于渲染 HTML 元素標簽的樣式。
看！款式和顏色
嘗試一下 - 實例
HTML 使用樣式
本例演示如何使用添加到 <head> 部分的樣式信息對 HTML 進行樣式化。
本例演示如何使用類型屬性做一個沒有下線的鏈接。
如何使用類型屬性做一個沒有下線的鏈接。
鏈接到一個外部樣式
顯示示例如何顯示 標記鏈接到一個外部樣式顯示。
如何使用 CSS
CSS 是在 HTML 4 開始使用的，是為了更好的染 HTML 元素而引入的。
CSS 可以通過以下方式添加到 HTML 中：
- 內聯樣式- HTML 元素中使用"style"屬性
- 內部樣式表 - HTML 文檔頭部 <head> 區(qū)域使用 <style>元素 來包含 CSS
- 外部引用 - 使用外部 CSS文件
最好的方式是通過外部引用CSS文件。
在本站的HTML教程中我們使用了內聯CSS樣式來介紹實例，這是為了簡單化的實例，也使你能夠足夠容易更多在線編輯代碼并在線運行實例。
你可以通過本站的 CSS 教程CSS 教程學習更多的 CSS 知識，或者學習者學習更容易理解的 CSS 微課 。
內聯式
當特殊的樣式需要應用到個別元素時，就可以使用內部樣式，你可以在<head>部分通過<style>標簽確定內部樣式表。內部連接樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示如何更改部分分解下的顏色。
例子
<p style="color:blue;margin-left:20px;">這是一個段落。</p>
學習更多樣式，請訪問CSS教程 。
HTML樣式實例 - 背景顏色
背景顏色屬性（background-color）定義一個元素的背景顏色：
例子
<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
試一試 ?
早期背景顏色（background-color）是使用 bgcolor 屬性指定。
HTML 樣例 - 字體, 字體顏色 ，字體大小
我們可以使用 font-family（字體），color（顏色），和 font-size（字體大?。傩詠泶_定正確字體的樣式：
實例
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
試一試 ?
現在通常使用font-family（字體），color（顏色），和font-size（字體大小）屬性來確定合法文本樣式，而不是使用<font>標簽。
HTML 樣例實例 - 文本對齊方式
使用text-align（文字對齊）屬性指定文本的水平與垂直對齊方式：
實例
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
試一試 ?
文本對齊屬性 text-align 刪除了舊標簽 <center> 。
內部樣式表
當單個文件需要特殊樣式時，就可以使用內部樣式表。你可以在<head>部分通過<style>標簽確定內部樣式表：
實例
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
試一試 ?
外部樣式表
當樣式需要被應用到很多頁面的時候，外部樣式將是理性的選擇。使用外部樣式，你就可以通過修改一個文件來修改改變整個站點的外觀。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
HTML 樣式標簽
| 標簽 | 描述 |
|---|---|
| <樣式> | 定義文本樣式 |
| <鏈接> | 定義資源引用地址 |
已廢棄的標簽和屬性
在 HTML 4 中，最初支持確定義 HTML 元素樣式的標簽和屬性已被棄用。這些標簽將不支持新版本的 HTML 標簽。
不建議使用的標簽有：<font>, <center>, <strike>
不建議使用的屬性：color 和 bgcolor。
學習 HTML + CSS 的書籍推薦
5、《精通 HTML 》
6、《精通 CSS: 高級 Web 標準解決方案》
通過本書提供的諸多示例，你將了解如何做到僅在一處建立樣式表就能創(chuàng)建或修改整個網站的外觀，以及如何得到 HTML 力不能及的更豐富的表現效果。
資深 CSS 專家 Eric A.Meyer。利用他獨有的睿智和豐富的經驗對屬性、標記、標記屬性和實現做了深入的研究，另外在瀏覽器支持和設計原則等實際問題上也有獨到的見解。你所需要的就是 HTML 4.0 的知識即可以為網站布局和分頁創(chuàng)建簡明而且易于維護的腳本，同時兼具桌面系統的美觀性和可控性。
一如既往,《網站重構:應用 Web 標準進行設計(第 3 版)》提供了更多明確的見解和新的例子,來闡述基于標準的設計的核心思想,為你的網站最終確定一個合理的設計與開發(fā)方法。
與前兩版不同的是,在第3版,除了有很多的“why”來提出問題,也提供了大量的“how”來解決問題。另外,在寫作方法上作者力圖用詼諧的、有吸引力的寫作風格,使復雜的技術更易于理解消化,幫助你輕松創(chuàng)建一個訪問快速、低成本維護和開發(fā)、更多用戶的網站,幫助你用新技術使 css 布局適應多個瀏覽器,使網站內容更容易被搜索和訪問到。
更多建議：