在網頁開發中，CSS是一種用來控制網頁樣式和布局的語言。而嵌入式CSS是將CSS代碼寫在HTML文件中的一種方式，實現了網頁樣式和布局和結構的分離。以下是一個簡單的嵌入式CSS的例子：
<html>
<head>
<title>My Website</title>
<style>
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
text-align: center;
}
p {
font-size: 18px;
line-height: 1.5em;
}
</style>
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is a paragraph of text.</p>
</body>
</html>在上面的例子中，我們先在HTML文件的<head>標簽中定義了一個<style>標簽，并在其中寫入了CSS樣式代碼。這些代碼將應用于該HTML文件中的所有對應HTML標簽。比如，<body>標簽將應用background-color和font-family樣式。<h1>和<p>標簽將應用color、text-align和font-size樣式。
通過CSS樣式，我們可以控制頁面的顏色、字體、間距、對齊等樣式和布局特性，實現更好的可讀性和可用性。CSS的另外一種方式是外部CSS文件，在HTML文件中引用。
在真實的網站開發中，我們可以將嵌入式CSS代碼轉移至外部CSS文件，提高代碼的可維護性和可讀性，并實現多個HTML文件的共享樣式。
上一篇html5css畫心圖片
下一篇html5css筆記