css笔记

时间：2010-04-04 来源：lsstarboy

1、ul和li可以用list-style，分别代表三个值：

设置列表项标记的类型。参阅：list-style-type 中可能的值。

设置在何处放置列表项标记。参阅：list-style-position 中可能的值。

使用图像来替换列表项的标记。参阅：list-style-image 中可能的值。

其中可以使用list-style-image来url来创建新的列表样式。

2、边框块，用<ul>定义好块，然后头部用<h2>的背景来做边框头，嵌套的<ul>来做四边框线。

3、固定宽度的页面，在大尺寸显示器上显示居中：margin:auto，主要是左右要auto，也就是必须0 auto 0 auto（上、右、下、左）。

4、两个css可以同时定义backgroud，根据层的关系来显示。例如：可以在logo上先定义一下底层图片，然后在<logo_title>上定义另一个logo图片，实现图片的叠加效果。

5、*为IE6专用，因为它默认在所有的<html>外多了一个*，*+为IE7专用。这样可以做出专用于IE6和IE7的一些样式，另外：
IE6识别*和_，不识别 !important
IE7识别*, 不识别_，识别 !important
Firefox两个都不识别，识别 !important

7、(HTML)
   ul：unorder list
   ol:order list
   dl:definition lists （自定义列表）

   前两种内容项目为<li>：list item
   最后一种需要dt(definition term)，并且后面用dd（definition description）来描述元素的内容。
   <dl>

       <dt>www</dt>
            <dd>World Wide Web的缩写.</dd>
     <dt>dreamdu</dt>
                <dd>梦之都.</dd>
           <dd>www的:).</dd>
        <dt>com</dt>
    <dt>com.cn</dt>
 <dt>cn</dt>
             <dd>这都是域名的后缀.</dd>
   </dl>

8、png透明，主要是在ie6下用滤镜AlphaImageLoader
 
.news1{
  background:url(tj.png) no-repeat center bottom;
  _background:none; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src="tj.png");
}