这个网站是一个网页元素样式和布局的示例,包含了以下内容:
- CSS 样式规则:使用
margin: 0; padding: 0;
来清除外边距和填充。
- 滚动条样式:使用
::-webkit-scrollbar
定义了滚动条,宽度为1px,以实现基本的滚动效果。
- 滚动框(
.prev
):通过position
属性设置绝对定位,并通过overflow: hidden;
属性使其不可见。
- 滚动框内的内容:使用了
width: 100%; height: 100%; border: none;
来保证整个滚动框占据整个屏幕,并且没有边框。
- 固定定位的容器(
.pop-cpt
)与浮动的子元素(.pop-cpt2
):通过display: flex; justify-content: center; align-items: center;
将父元素设置为居中对齐,并将子元素垂直居中排列。
- 链接样式:使用
text-decoration: none; color: inherit;
来移除超链接的装饰文本和颜色,并使用display: block;
确保在页面上显示为块级元素。
- 弹出内容(
.pop-cpt a
)的样式:使用text-decoration: none;
移除超链接的下划线,并通过color: inherit;
保持颜色从父元素的继承。
- 弹出内容的显示方式:通过
display: block;
使弹出内容在屏幕上以块级元素的形式显示。