/* 移除默认的内外边距，并设置box-sizing为border-box */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 设置html和body的默认样式 */
html, body {
    font-family: Arial, sans-serif; /* 设置默认字体 */
    line-height: 1.6; /* 设置行高 */
    color: #333; /* 设置文字颜色 */
    background-color: #fff; /* 设置背景颜色 */
    width: 100%; /* 确保body宽度占满视口 */
    height: 100%; /* 确保body高度占满视口（需要配合html的高度设置） */
    overflow-x: hidden; /* 防止水平滚动条出现 */
}

/* 链接样式 */
a {
    color: #007BFF; /* 设置链接颜色 */
    text-decoration: none; /* 移除下划线 */
}

a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

/* 列表样式 */
ul, ol {
    list-style: none; /* 移除列表项前的标记 */
    padding-left: 0; /* 移除默认的左内边距 */
}

/* 表格样式 */
table {
    width: 100%; /* 表格宽度占满父容器 */
    border-collapse: collapse; /* 合并表格边框 */
}

th, td {
    border: 1px solid #ddd; /* 设置表格单元格边框 */
    padding: 8px; /* 设置单元格内边距 */
    text-align: left; /* 文本左对齐 */
}

/* 表单元素样式 */
input, textarea, select, button {
    font-family: inherit; /* 继承父容器的字体 */
    font-size: 100%; /* 继承父容器的字体大小 */
    margin: 0; /* 移除外边距 */
    padding: 0.5em; /* 设置内边距 */
    border: 1px solid #ccc; /* 设置边框 */
    border-radius: 4px; /* 设置边框圆角 */
    outline: none; /* 移除焦点时的默认样式 */
}

/* 图片样式 */
img {
    max-width: 100%; /* 图片宽度最大占满父容器 */
    height: auto; /* 保持图片比例 */
    display: block; /* 移除图片底部的间隙 */
}

/* 其他可能的初始化样式 */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal; /* 设置标题字体粗细 */
}