HTML5和CSS3是現代網頁開發中常用的技術。HTML5是一種標記語言，用于描述網頁的結構和內容，CSS3則是一種樣式表語言，用于控制網頁的樣式和布局。
使用HTML5和CSS3，我們可以創建出更加美觀、交互性更強的網頁。HTML5支持視頻、音頻、Canvas等多種新特性，而CSS3則支持更多的樣式控制和動畫效果。
下面是一個簡單的HTML5和CSS3文檔示例：標題的顏色為紅色，并居中顯示，并通過 margin-top 屬性將其上移了 50 像素。
我們還定義了一個具有邊框和一些樣式的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Document</title>
<style>
body {
background-color: #eee;
}
h1 {
color: red;
text-align: center;
margin-top: 50px;
}
.box {
width: 200px;
height: 200px;
border: 1px solid black;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
background-color: white;
}
.box:hover {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<div class="box">
<h2>Box</h2>
</div>
</body>
</html>上面的示例中，我們定義了一個元素的背景色為灰色，一個標題的顏色為紅色，并居中顯示，并通過 margin-top 屬性將其上移了 50 像素。
我們還定義了一個具有邊框和一些樣式的容器，并使用 flexbox 在其中居中了一個標題。當鼠標懸停在容器上時，將背景色從白色更改為淡藍色。
HTML5和CSS3的出現，為網頁開發帶來了許多新的可能性。通過這兩種技術的使用，我們可以更加方便、高效地開發出精美的網頁。
上一篇css里的輪播圖代碼下一篇html+css透明度
標題。當鼠標懸停在容器上時，將背景色從白色更改為淡藍色。 HTML5和CSS3的出現，為網頁開發帶來了許多新的可能性。通過這兩種技術的使用，我們可以更加方便、高效地開發出精美的網頁。
上一篇css里的輪播圖代碼
下一篇html+css透明度