CSS02--四种样式、背景、文本、链接状态、表格样式

接上面的“CSS01”，我们接着来说一下样式。很多人不知道的是一个HTML元素有四种样式，分别是浏览器默认样式、外部样式、内部样式、内联样式，而它们的优先级是越来越高的，后面的样式会覆盖前面的样式。多个样式可以层叠为一。

 

1.外部样式表：
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    
2.内部样式表：
    <style type="text/css">...</style>
    
3.内联样式表：
    <p style="...">...</p>
    
4.背景background：
    background-color;　　background-image;　　background-position;　　background-repeat
    background-attachment:scroll/fixed    /* 设置背景是否随着文档而滚动 */

5.文本：
    text-align;    color
    background-color指元素的背景色;color指元素的文本颜色
    
6.字体font：
    font-family字体系列
    font-size字体大小 16px， 1em
    font-weight字体粗细 normal，bold
    
7.链接的四种状态：
    a:link        未被访问的链接
    a:visited    已被访问的链接
    a:hover        鼠标在链接上
    a:active    正在被点击的链接
    hover位于link与visited之后，active位于hover之后

8.列表项<li>的属性list-style：
    list-style-type        list-style-image    list-style-position
    
9.table:
    table {border-collapse:collapse;}
    table,th,td {border:1px solid black;}
    
    width    height    text-align    vertical-align    padding(td与th的内边距)
    border    border-collapse(表格边框合并)    border-spacing(单元格边框距离)

10.轮廓outline：元素周围的一条线，位于元素边框外围，为了突出元素
    outline-color    outline-style    outline-width