这个网站使用了CSS变量来定义颜色和字体样式。其中,--primary-color
是主色调为蓝色,值为 #0067B8
;--light-primary-color
是浅蓝色版本,值为 #0067B8cc
;--font-color
和 --light-font-color
是用于文本的颜色,分别为白色(#fff
)和淡白色(#ffffff80
);--success-color
是成功色,值为 #00b87c
;--warning-color
是警告色,值为 #ff6666
;--warning-font-color
和 --warning-light-font-color
分别用于设置警告文字颜色,也是白色和淡白色。
HTML 文档的高度设置为100%,而 body 元素的 margin 被设置为零,这意味着网页没有边距。body 元素的字体被设置为 PingFang SC 字体,这是由 Google 提供的一种简体中文字体。
最后部分的 CSS 代码 #slg-bg{background-color:var(--primary-color);z-index:100;width:100%;height:100%;position:fixed;inset:0}
设置了背景颜色为网站的主色调 #0067B8
,并固定在屏幕顶部。而 #slg-box{z-index:300;border-radius:.5rem;flex-direction:column;width:100%;height:100%;position:relative;background-color:white;display:inline-block;padding:20px;} #slg-box::before {content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: white;z-index: -1} #slg-box h1, #slg-box p {text-align: center;} #slg-box a {display: inline-block;margin: 10px auto;background-color: #f9c47e;padding: 15px 25px;text-decoration: none;color: #fff;text-transform: uppercase;letter-spacing: 5px;font-size: 24px;}
是一个包含一个盒子元素的 HTML 结构,该盒子的背景颜色为白色,内嵌了一个带有标题和段落的子元素,以及一个链接元素。