如何在HTML中用CSS

HTML和CSS是Web開發中非常重要兩個組件，HTML用于構建頁面結構，而CSS用于定義頁面的樣式。在HTML中使用CSS可以使得頁面更加美觀、易于閱讀和維護。

以下是一些在HTML中使用CSS的基本步驟：

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

2. 編寫CSS：在HTML文件中，可以使用<style>標簽來編寫CSS樣式。在<style>標簽中，可以編寫CSS規則、樣式、布局和媒體查詢等。例如：

/* 定義字體樣式 */

body {

font-family: Arial, sans-serif;

/* 定義段落樣式 */

font-size: 18px;

line-height: 1.5;

color: blue;

text-decoration: none;

3. 將CSS應用于HTML元素：將CSS樣式應用于HTML元素，可以使用<style>標簽中的類名(例如“body”)或ID名(例如“myDiv”)。例如：

<div id="myDiv">

<p>這是一個段落。</p>

</div>

<style>

#myDiv p {

font-size: 18px;

line-height: 1.5;

</style>

4. 保存CSS文件：保存CSS文件，可以使用<style>標簽中的“.css”擴展名。例如：

<style>

/* 定義字體樣式 */

body {

font-family: Arial, sans-serif;

/* 定義段落樣式 */

font-size: 18px;

line-height: 1.5;

color: blue;

text-decoration: none;

</style>

以上就是在HTML中使用CSS的基本步驟，通過使用這些步驟，可以輕松地在HTML中使用CSS來創建美觀、易于閱讀和維護的網頁。