在HTML5中,使用CSS風格來展示頁面是非常必要的。而使用CSS的關(guān)鍵就是將CSS引用到HTML5中。這樣,我們就可以在HTML5中為我們想要的元素添加樣式。
<!DOCTYPE html>
<html>
<head>
<title>CSS引用到HTML5的例子</title>
<!-- 在這里添加CSS文件的引用 -->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>歡迎來到我的網(wǎng)站</h1>
<p>這是我的第一個網(wǎng)站,我非常興奮!</p>
<!-- 在HTML5中,我們可以使用Class或者ID來選擇元素 -->
<p class="paragraph" id="first">這是我的第一個段落。</p>
<p class="paragraph" id="second">這是我的第二個段落。</p>
<!-- 在CSS中使用Class或者ID選擇器 -->
<style>
.paragraph {
color: red;
font-size: 16px;
}
#first {
background-color: yellow;
}
#second {
background-color: green;
}
</style>
</body>
</html>
如上所示,在head標簽中添加link標簽來引用CSS文件。然后,在HTML5中為想要設(shè)置樣式的元素添加Class或者ID屬性。最后,在style標簽中添加對應(yīng)的CSS代碼。這樣,我們就可以自由地定義HTML5文檔中的元素樣式。