这个网站是一个响应式网页设计,它遵循了HTML5和CSS3的规范。以下是该网站的一些关键特性:
- 使用
root
选择器定义了一个全局样式,包括--lobby__max-width
变量,用于设置最大宽度为100%。
*,::after,::before
选择器设置了元素的盒模型属性,并清除了内边距和外边距。
h1, h2, h3, h4, h5, h6
选择器设置了标题标签的字体权重为400。
ul
选择器设置了无序列表的样式,使其不显示列表项之间的分隔线。
img, video
选择器设置了图片和视频的高度自适应,最大宽度为100%。
iframe
选择器设置了iframe边框为0。
table
选择器设置了表格的边框合并、间距和单元格对齐方式。
html
选择器设置了整个文档的宽度和高度,以及边框盒模型。
html[data-device=mobile]
选择器设置了移动设备上的字体大小。
html[data-ui-contain='1']
选择器设置了包含UI元素的背景颜色。
这些样式确保了网页在不同设备和屏幕尺寸上都能保持良好的布局和可读性。