HTML5和CSS3是目前web前端開發(fā)中最常用的技術(shù)之一。下面介紹一些HTML5和CSS3代碼實例，幫助您更好的掌握這些技術(shù)。

在HTML5中，我們可以使用一種新的標(biāo)簽<nav>，來定義導(dǎo)航欄：

<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

CSS3中，我們可以使用CSS變量，像這樣：

:root {
--primary-color: #2196F3;
}
button {
background-color: var(--primary-color);
}

另一種CSS3特性是flexbox。它使得布局變得更容易：

.container {
display: flex;
justify-content: center;
align-items: center;
}

在HTML5中，我們還可以使用新的表單控件，如<input type="date">：

<label>
Select a date:
<input type="date">
</label>

CSS3也引入了媒體查詢，使得我們可以根據(jù)設(shè)備屏幕大小來應(yīng)用樣式：

@media screen and (max-width: 600px) {
body {
font-size: 14px;
}
}

上面的代碼只是HTML5和CSS3中的一小部分特性。通過學(xué)習(xí)這些特性，并不斷實踐，我們可以更靈活、高效地構(gòu)建網(wǎng)站和應(yīng)用。