所认识的CSS

    CSS链接，链接的样式可以用任何CSS属性（如颜色、字体、背景等）。特别的链接可以有不同的样式，这取决于他们是什么状态。这四个链接状态分别是：a:link - 正常，未访问过的链接 、a:visited - 用户已访问过的链接 、a:hover - 当用户鼠标放在链接上时 、a:active - 链接被点击的那一刻 。而当设置为若干链接状态的样式，也有一些顺序规则：a:hover 必须跟在 a:link 和 a:visited后面 、a:active 必须跟在 a:hover后面。

   CSS列表属性作用如下：设置不同的列表项标记为有序列表、设置不同的列表项标记为无序列表、设置列表项标记为图像。而在HTML列表中，有俩种类型的列表：一是无序列表-列表项标记用特殊图形（如小黑点、小方框等）、二是有序列表-列表项的标记有数字和字母。使用CSS，可以列出进一步的样式，并可用图像作列表项标记。同一个例子在所有浏览器中显示并不相同，IE和Opera显示图像标记比火狐，Chrome和Safari更高一点点。

   CSS的框模型，所谓的框模型，就是所有HTML元素可以看作盒子，CSS盒模型本职上是一个盒子，封装周围的HTML元素，它包括：边距、边框、填充和实际内容。盒模型允许我们在其他元素和周围元素之间的空间放置元素。而不同部分的说明：Margin - 清除边框区域。Margin没有背景颜色，它是完全透明 、Border - 边框周围的填充和内容。边框是受到盒子的背景颜色影响、Padding - 清除内容周围的区域。会受到框中填充的背景颜色影响 、Content - 盒子的内容，显示文本和图像。

  浏览器的兼容性问题，一旦为页面设置了恰当的 DTD，大多数浏览器都会按照上面的图示来呈现内容。根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的。不幸的是，IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度，而是内容、内边距和边框的宽度的总和。但是目前最好的解决方案是回避这个问题。也就是，不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素。

  CSS定位，属性允许你为一个元素定位。元素可以使用的顶部，底部，左侧和右侧属性定位。这取决于定位方法。那么就有四个不同的定位方法：1、Static定位，HTML元素的默认值，即没有定位，元素出现在正常的流中。2、Fixed定位，元素的位置相对于浏览器窗口是固定位置。3、Relative定位，相对定位元素的定位是相对其正常位置，可以移动的相对定位元素的内容和相互重叠的元素。4、Absolute定位，绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素。