在HTML中，设置表格（table）的样式可以通过内联样式、内部样式表或外部样式表（CSS）来实现，为了保持代码的整洁和可维护性，推荐使用外部样式表，下面，我们将详细介绍如何使用CSS来设置HTML中所有表格的样式。
创建一个CSS文件，例如styles.css，并在文件中添加以下代码，这将为所有表格设置统一的样式：
/* styles.css */
table {
width: 100%; /* 表格宽度为100% */
border-collapse: collapse; /* 合并单元格边框 */
margin: 20px 0; /* 表格上下外边距 */
}
th, td {
border: 1px solid #ccc; /* 单元格边框样式 */
padding: 8px; /* 单元格内边距 */
text-align: left; /* 文本左对齐 */
}
th {
background-color: #f2f2f2; /* 表头背景颜色 */
font-weight: bold; /* 字体加粗 */
}
tbody tr:nth-child(odd) {
background-color: #f9f9f9; /* 奇数行背景颜色 */
}
tbody tr:hover {
background-color: #eaeaea; /* 鼠标悬停时行背景颜色 */
}
接下来，在HTML文件中，确保引入了这个CSS文件，你可以在<head>部分使用<link>标签来实现：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table Styling</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 你的表格代码 -->
<table>
<thead>
<tr>
<th>列标题1</th>
<th>列标题2</th>
<th>列标题3</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<!-- 更多行和列 -->
</tbody>
</table>
</body>
</html>
这样，你的HTML文件中的所有表格都会应用上面定义的CSS样式，如果你有多个表格，它们都会自动继承这些样式，无需为每个表格单独设置样式。
你还可以通过给特定的表格添加类（class）或ID来为它们设置独特的样式。
/* 为特定表格设置样式 */
#unique-table {
border: 2px solid #333; /* 特定表格边框 */
}
.special-class {
background-color: #e0e0e0; /* 特定类表格背景颜色 */
}
然后在HTML中，你可以这样引用这些类或ID：
<table id="unique-table"> <!-- 表格内容 --> </table> <table class="special-class"> <!-- 表格内容 --> </table>
通过这种方式，你可以轻松地为HTML中的所有表格设置统一的CSS样式，同时还能为特定的表格定制独特的样式，这不仅提高了代码的可读性和可维护性，还使得样式管理变得更加灵活和高效。