常用 CSS 设置
自定义网页默认设置,覆盖掉浏览器的默认设置。
CSS 中字体设置的最佳实践,可参考 Ant Design 的设计语言。
html {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji,
Segoe UI Emoji, Segoe UI Symbol;
font-size: 14px;
font-weight: 400;
font-variant: tabular-nums;
line-height: 22px;
height: 100%;
}
body {
background-color: #fff;
color: #24292e;
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #0d1a26;
font-weight: 500;
}
h1 {
font-size: 30px;
line-height: 38px;
}
h2 {
font-size: 24px;
line-height: 32px;
}
h3 {
font-size: 20px;
line-height: 28px;
}
h4 {
font-size: 16px;
line-height: 24px;
}
h5 {
font-size: 14px;
line-height: 22px;
}
h6 {
font-size: 12px;
line-height: 20px;
}