该网站是使用CSS样式表进行设计的,具体包括以下特性:
- 自定义颜色: 通过
--accent
和--accent-light
定义了三种颜色渐变(从深到浅),以及一个纯色背景。
- HTML字体选择: 使用
font-family:system-ui,sans-serif;
来设置默认的系统字体为Sysui或无衬线字体Sans Serif。
- CSS代码片段: 使用了
@media not (prefers-color-scheme: dark) { ... } @media not (prefers-color-scheme: light) { ... }
来适应暗色与亮色模式的用户偏好。
- 页面布局: 通过
.footer
类设置了76px高的底部内容区域,并使用background:#333;
设置了背景颜色。同时,在.footer-text
中应用了flex布局以居中显示文本。
这些元素共同构成了一个基本的静态网页模板,用于展示自定义样式、字体选择、色彩方案以及基本的页面布局。