CSS随笔

1、两种产生投影的方式：

　　a、通过text-shadow属性设置    <span style="text-shadow:3px 3px 1px #888">SWL</span>

      b、通过定位实现     

　　　　　　　　<span style="position:relative">   

　　　　　　　　　　　　 SWL   

　　　　　　　　　　　　 <span style="position:absolute;top:3px;left:3px;color:#888;">SWL</span>   

　　　　　　　　</span>

2、border-top:solid qpx;　border-left-width;  border-color; border-left-top-radius(边框角度)：50px;

3、margin、padding  上右下左

4、对div 设置z-index时  position必须是absolute.

5、visibility:hidden/visible   隐藏和显示  　display:none/block   也可以实现隐藏  ；但是后者直接在文档中删除了块的空间分配，后续元素会向之前元素看起，而使用visibility 

　　它的空间会一直存在，只是将内容隐藏

6、背景图片    body {background-image:url(‘1.jpg’);}    注意有引号

7、透明度   opacity:0.75     CSS3标准属性

　　　　　　filter:alpha(opacity=75)     IE透明度  注意没有小数点

8、部分可见　　

　　overflow:hidden/visible/scroll/auto

　　clip:rect(top right bottom left);    注意必须是absolute  rect中无逗号

9、CSS动画

　　setTimeout();  srtInterval();

10、列表

　　

　　<dl>

　　　　<dt>用来创建列表中的上层项目</dt>

　　　　<dd>用来创建列表中最下层项目</dd>

　　　　<dd>3</dd>

　　</dl>