常用 CSS 设置

常用 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;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注