CSS內嵌式是一種在HTML文檔中定義和控制樣式的方法。通過內嵌式，我們可以在HTML文檔中添加CSS的代碼段，使得該文檔中特定部分的樣式起到自定義和控制的作用。下面就來介紹如何在一個HTML文檔中定義兩個內嵌式的情形。
<html>
<head>
<title>定義兩個內嵌式</title>
<style>
p.first {
font-size: 20px;
color: red;
}
p.second {
font-size: 16px;
color: green;
}
</style>
</head>
<body>
<h1>這是一個測試頁面</h1>
<p class="first">這是第一個段落，字體顏色為紅色，字號為20像素。</p>
<p class="second">這是第二個段落，字體顏色為綠色，字號為16像素。</p>
</body>
</html>上述代碼中，我們在<style>標簽中定義了兩個內嵌式樣式。其中，第一個樣式是類名為“first”的段落樣式，該樣式的字體顏色為紅色，字號為20像素。第二個樣式是類名為“second”的段落樣式，該樣式的字體顏色為綠色，字號為16像素。在<body>標簽中，在兩個段落分別加入類名為“first”和“second”的屬性，即可分別顯示出兩個內嵌式的效果。
上一篇css內文字內容怎么修改
下一篇css內嵌式引入寫法