本文目錄導(dǎo)讀：

1. 使用style屬性定義CSS樣式
2. 引入外部CSS文件

HTML5與CSS的結(jié)合使用

在HTML5中，將CSS代入HTML可以通過(guò)多種方式實(shí)現(xiàn)，其中常見(jiàn)的是使用style屬性直接定義CSS樣式，以及通過(guò)link元素引入外部CSS文件。

使用style屬性定義CSS樣式

在HTML5中，可以直接在元素標(biāo)簽中使用style屬性來(lái)定義CSS樣式。

<div style="color: red; font-size: 20px;">這是一段紅色的文字，字體大小為20像素</div>

引入外部CSS文件

除了直接在HTML中定義樣式外，還可以通過(guò)link元素引入外部CSS文件，這種方式可以使HTML代碼更加簡(jiǎn)潔，同時(shí)方便樣式的維護(hù)和修改。

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

在上面的代碼中，style.css就是外部CSS文件的路徑，通過(guò)這種方式，可以將所有的樣式代碼都寫(xiě)在一個(gè)單獨(dú)的CSS文件中，然后在HTML中通過(guò)link元素引入即可。

需要注意的是，使用style屬性定義樣式時(shí)，應(yīng)盡量避免在HTML代碼中使用過(guò)多的樣式定義，而是應(yīng)該盡量將樣式代碼提取到單獨(dú)的CSS文件中，這樣可以提高HTML代碼的可讀性和可維護(hù)性，也可以使CSS代碼更加集中和易于管理。