网站样式介绍 这是一个使用CSS样式的简单网站。以下是一些关键样式的简要介绍：

全局样式

  • margin: 0;:设置元素的外边距为0,使其紧贴容器的边缘。
  • padding: 0;:设置元素的内边距为0,避免出现不必要的空白。
  • list-style: none;:移除列表项前的标记符号。

图像样式

  • border: 0;:移除图像周围的边框，使其看起来更美观。

固定定位样式

  • position: fixed;:使元素相对于浏览器窗口进行固定定位，即使页面滚动，元素也会保持在相同的位置。
  • _position: absolute;:这是IE浏览器专用的属性，用于兼容性处理。
  • top: 20%; right: 0px;:调整固定定位元素的位置，使其距离浏览器窗口右边缘20%的距离。
  • z-index: 1500;:设置元素的堆叠顺序，数值越高，元素越在上层。
  • border-radius: 6px 0px 0 6px;:设置元素圆角的半径，使其呈现圆形效果。

链接样式

  • color: #00A0E9;:设置链接的颜色为蓝色。
  • color: #ff8100; text-decoration: none;:鼠标悬停时链接的颜色变为橙色，并且去掉下划线的效果。

浮动元素样式

  • width: 36px; float: left; margin-top: 21px; height: 181px;:设置浮动元素的宽度、浮动方式以及上下边距和高度。
  • font-size: 0; text-indent: -999em; display: block;:通过设置字体大小为0并使用文本缩进，将文本显示为块级元素。