html重置怎么生效
时间: 2024-09-16 16:02:02 浏览: 26
HTML重置(Reset CSS)是一种设计实践,通过设置一组预定义样式,将HTML元素的默认样式归零,以便开发者能有更一致的基础来进行自定义布局。通常,这会包括清除浏览器的内建样式,如字体、边距、对齐等,以确保网页的呈现不受浏览器差异影响。
要让HTML重置生效,你需要创建一个单独的CSS文件,并包含像Eric Meyer的Normalize.css这样的重置样式库,或者是自己编写一份基础重置列表,例如:
```css
/* HTML Reset CSS */
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* 使用box-sizing修复IE盒模型问题 */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /* 设置通用字体 */
line-height: 1; /* 设定行高为1,消除默认行间距 */
}
body {
background-color: white;
color: black;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 100%;
}
```
然后在你的HTML文档头部引用这个CSS文件:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="reset.css"> <!-- 引入重置CSS文件 -->
<title>页面标题</title>
</head>
<body>
<!-- 其他HTML内容 -->
</body>
</html>
```