css 实用笔记

1. 这些标签可以用字体样式代替

   <tt>呈现类似打字机或者等宽的文本效果</tt>  font-family: monospace; monospace字体固定宽度
   <i>显示斜体文本效果</i> font-style: italic;
   <b>呈现粗体文本效果</b> font-weight: bold;
   <big>呈现大号字体效果</big> font-size: larger;
   <small>呈现小号字体效果</small> font-size: smaller;
  _subscript   vertical-align: sub;
  ^superscript vertical-align: super;
  center 标签可以使用样式代替display: block;text-align: -webkit-center;

2.css3  圆角兼容样式  

#container {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-rightright-radius: 3px;
    -webkit-border-bottom-rightright-radius: 6px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 10px;
}

3.半透明兼容样式

   filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6

4.窗口中位置固定样式

    position: fixed; bottom: 10px;right: 40%;left: 40%;  让某个元素固定在界面上，不随滚动条的滚动而不显示。

5.当子元素使用float ,使用overflow: hidden可以强制ul包围浮动的li元素时

6.行内元素的左右margin不会重叠。块级元素直接距离是较大的那个。

7.交集选择器（  ），并集选择器（，），后代选择器 可以有多个后代（利用多层套嵌只在父级加上class 或id 子元素减少声明id或class ）