一.背景
background: #00ff00 url(/i/eg_background3.jpg) no-repeat fixed center;
background: #00ff00
background: url(/i/eg_background3.jpg)
二、在一个声明中定义所有的列表属性
ul{list-style: url('/i/eg_arrow.gif') inside } ul{list-style: url('/i/eg_arrow.gif') outside }
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
三、CSS 外边距 (margin)
.tesclass{margin: 2cm 4cm 3cm 4cm} .tesclass{margin: 2cm 4cm }
.tesclass{margin: 2cm } .tesclass{margin: 2cm 4cm 3cm } 遵循上右下左逆时针
四、CSS 内边距 (padding)
同 margin,
五.CSS 边框(border)
border: 2px solid #f00
border-bottom：2px solid #f00 三个参数分别为 宽度，实线，颜色
六、设置文本颜色 h1 {color: #00ff00}
七、 CSS 定位 position:
绝对定位(相对其父元素)：position:absolute;
left:100px;
top:300px
相对定位（相对其正常位置）：position:relative;
left:100px;
top:100px;
z-index:-1 位于下面 1位于上面 正常为0
八、链接伪类
| :link | 将特殊的样式添加到未被访问过的链接 |
| :hover | 当鼠标悬浮在元素上方时，向元素添加样式 |
| :active | 将样式添加到被激活的元素，即鼠标按下不放时的样式 |
| :visited | 将特殊的样式添加到被访问过的链接 |
a:visited {color: red}
a:hover {color: yellow}
a:active {color: blue}