web前端，html+css常用元素，属性总结

1 水平居中
  内容居中   
  text-align: center
  容器居中   

  margin: 0 auto;

  居中标签  

  <center>

    <div id="div1"></div>
 </center>

2 竖直居中
  和父元素的高度一样就能竖直居中

 line-height: 70px;

 背景图片居中
 /*引入图片*/
 background: url("images/goumai.gif");
 /*居左3px,垂直居中*/
 background-position: 3px center;

   
3 display
  设置成内联元素（多个元素在一行）
  display: inline;
  设置成块级元素
  display: block;（每个元素独占一行）
  
  
4 边框
  下边框：实线、1像素、红色
  border-bottom: solid 1px red;


5 hover
  当鼠标放上去时，h1变成红色
  h1:hover{
           color: red;
        }
  参考
   http://blog.csdn.net/zhaihaohao1/article/details/48474997
  
6 position
  相对定位（相对于自己的原始位置）
  position: absolute;
  绝对定位（相对于浏览器边框）
  position: relative;
  
7 文字首行缩进
  text-indent: 2em;
  
8 after
  before（和after用法一样）
  把内容拼接在h1内容后面 
  h1:after {content:"人的生命是有限的"}
  参考：
   http://www.w3school.com.cn/cssref/pr_pseudo_after.asp


9 map
  （给图片一部分加链接）
  参考：
   http://blog.csdn.net/zhaihaohao1/article/details/48377219


10自定义列表
  <dl>
    <dt>水果</dt>
        <dd>水果种类多</dd>
    <dt>水果</dt>
        <dd>水果种类多</dd>
    <dt>水果</dt>
        <dd>水果种类多</dd>
 </dl>