随着互联网的发展，网页设计也在不断地变化和创新。CSS是用于控制网页样式和布局的一门编程语言。下面列举了五个常用的CSS样式，有助于更好地控制网页的样式和布局。
1. 字体样式
字体样式是指使用CSS设置字体大小、颜色、粗细、斜体等等。通过使用@font-face指令，可以将字体文件嵌入到网页中，这样用户就可以通过浏览器直接访问和下载字体文件。例如，在HTML文件中，可以使用<link>标签添加@font-face指令，如下所示：
“`html
2. 背景样式
背景样式是指设置网页的背景颜色、背景图片等等。通过使用background属性，可以设置背景样式。例如，在HTML文件中，可以使用<style>标签添加background属性，如下所示：
“`html
body {
background-color: #f0f0f0; /* 设置背景颜色为蓝色 */
background-size: cover; /* 设置背景图片铺满整个网页 */
3. 边框样式
边框样式是指设置网页的边框大小、颜色等等。通过使用border属性，可以设置边框样式。例如，在HTML文件中，可以使用<style>标签添加border属性，如下所示：
“`html
body {
border-left: 10px solid #ccc; /* 设置左边框宽度为10像素，颜色为蓝色 */
border-right: 10px solid #ccc; /* 设置右边框宽度为10像素，颜色为蓝色 */
border-bottom: 10px solid #ccc; /* 设置底边宽度为10像素，颜色为蓝色 */
其中，border-left、border-right、border-bottom是属性名，#ccc是边框颜色值。
4. 列表样式
列表样式是指设置列表的字体样式、间距、对齐方式等等。通过使用li属性，可以设置列表的子元素的字体样式。例如，在HTML文件中，可以使用<ul>标签和<li>标签来创建一个列表，并使用li属性来设置子元素的字体样式，如下所示：
“`html
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
其中，<ul>标签是列表的容器，<li>标签是列表的子元素。通过使用li属性，可以设置子元素的字体样式、对齐方式等。例如，使用<li>标签的字体样式，可以设置子元素的字体大小和颜色，如下所示：
“`html
<li>Item 1</li>
5. 表格样式
表格样式是指设置表格的字体样式、边框样式、表格布局等等。通过使用table属性，可以设置表格的字体样式、边框样式和布局。例如，在HTML文件中，可以使用<table>标签和<tr>、<td>、<th>标签来创建一个表格，并使用table属性来设置表格的字体样式、边框样式和布局，如下所示：
“`html
<table>
<tr>
<td>Item 1</td>
<td>Item 2</td>
<td>Item 3</td>
</tr>
</table>
其中，table是表格的容器，tr是行标签，td是列标签，th是单元格标签。通过使用table属性，可以设置表格的字体样式、边框样式和布局。例如，使用table属性的border-bottom，可以设置表格的底边宽度，如下所示：
“`html
<table>
<tr>
<td>Item 1</td>
<td>Item 2</td>
<td>Item 3</td>
</tr>
</table>