HTML中，使用CSS樣式表可以為元素添加樣式，以達(dá)到美觀的渲染效果。CSS渲染的元素可以分為以下幾類(lèi)：

1. 塊級(jí)元素
2. 行內(nèi)元素
3. 行內(nèi)塊級(jí)元素

塊級(jí)元素會(huì)在頁(yè)面中生成一個(gè)獨(dú)立的塊，如<div>、<p>、<h1>等。HTML的默認(rèn)樣式為塊級(jí)元素，所以除非顯示指定行內(nèi)/行內(nèi)塊級(jí)元素，否則元素都是塊級(jí)元素。

行內(nèi)元素常常用于在塊級(jí)元素中嵌套文本，如<span>、<a>、<i>等。行內(nèi)元素會(huì)根據(jù)內(nèi)容自動(dòng)調(diào)整寬高，不會(huì)生成獨(dú)立的塊。

行內(nèi)塊級(jí)元素如<img>、<input>、<button>等，在頁(yè)面中生成獨(dú)立的塊，并且具有行內(nèi)元素的特性（可以根據(jù)內(nèi)容自動(dòng)調(diào)整寬高）。

/* 以下代碼是一個(gè)使用CSS樣式表來(lái)渲染一個(gè)塊級(jí)元素示例 */
<style type="text/css">
/* 為p元素添加邊框和背景色 */
p{
border: 1px solid #000;
background-color: #f4f4f4;
}
</style>
<p>這是一個(gè)塊級(jí)元素。</p>

/* 以下代碼是一個(gè)使用CSS樣式表來(lái)渲染一個(gè)行內(nèi)元素示例 */
<style type="text/css">
/* 為a元素添加下劃線和鼠標(biāo)懸浮樣式 */
a{
text-decoration: underline;
}
a:hover{
color: red;
}
</style>
<p>這是一個(gè)包含行內(nèi)元素<a>的塊級(jí)元素。</p>

/* 以下代碼是一個(gè)使用CSS樣式表來(lái)渲染一個(gè)行內(nèi)塊級(jí)元素示例 */
<style type="text/css">
/* 為按鈕添加邊框、背景色和鼠標(biāo)懸浮樣式 */
button{
border: 1px solid #000;
background-color: #f4f4f4;
}
button:hover{
color: red;
}
</style>
<button>點(diǎn)擊我</button>