工作中用到的css记录

 

1、关于标签<a>的伪对象：
  a:link {color: #FF0000}    
  a:visited {color: #00FF00} 
  a:hover {color: #FF00FF}   
  a:active {color: #0000FF}  
2、样式中用url去连接的；
   {background:url(../...gif);}
3、 <a href="#"></a>----空连接；
    <a href="javascript:void(0)">----空连接；
    <a href="javascript:οnclick=functionname()">----执行javascript；

4、style="cursor:hand;"---鼠标变成手形；

5、float:left;

      float:right;      指的是该元素 会浮动在左边或右边，而不是自己占一行或占几行；所以既然是浮动的，只是自己浮动在一边，而它的后面还可以被别的元素占据；

     float:none;

 

6、margin:10px;  指的是块与块的外边框边距10px;

 

7、margin-left：10；一个块（元素）与另一个块中间的距离，即div2到div1的距离为2cm；

      padding-left：10；到左内侧边框的距离；指的一个块内；

   <div  id=" div1" style="float:left; padding-left:2cm; background-color:blue;">有margin-left</div>
   <div id=" div2"  style="float:left; margin-left:2cm; background-color:red;">木有margin-left</div>

8 、为div设置边框：style="border:1px solid black;"

9、在div 想让字体水平居中用：text-align:center;想让文字垂直居中用css很难，得知道div的高度，然后用padding-top:**px;