css学习笔记

=================================================  css
1.border:1px 3px 4px 5px
2.上下margin会取最大值
3.盒子模型，每个标签都是一个盒子模型。
4.浮动盒子：float:left;宽度仅仅是内容的宽度了。设置了浮动之后就会脱离标准流，那么下面的块会代替他们的位置，文字会围绕他们排列。
5.clear:left.不让float左的盒子影响它，同理：both right
6.如何适应float的盒子的高宽？在父最后加一个空div设置clear:both属性即可。 .father.clear{clear:both;}
7.position:
  static:默认的
  relative:相对。以原来的位置相对来偏移。  left: top: right: bottom这4个属性，只有跟postion属性一起才有意义。(实际上浏览器仍然按照他原本的位置看待)
  absolute:往上找，找到最近的一个设置了postion:relative;的祖先进行定位；绝对定位的框脱离标准流，其他块认为他不存在而视。
  fixed：以浏览器窗口为基准。
8.display:inline;  -->设置为行内元素， block设置为行元素 none吟唱起了了
9.行高：line-height: text-align:center; color:字体颜色
1.backgroud-image:url(bg.gif)   backgroud-repeat(优先)  color（次之）
2.a:link 正常 a:visited 点击过的 a:hover 移动到上面 a:action 点击时  text-decxxx:none去除下划线


ul:
 list-style-type none
 margin 0
 padding 0


positiong:absolute; left:150  <a>  <span></span> </a>
 
因为a标签有很方便的内置 hover link样式，所以常用a来包含table span 都是非常不错的。


表格：
布局：1-2-1布局：2中，2个float:left 下1:clear:both;
      魔术布局：主要通过float:浮动实现的，并且最大浏览器最小浏览器宽度。