css标签

最新推荐文章于 2022-09-12 15:06:15 发布

happmaoo

最新推荐文章于 2022-09-12 15:06:15 发布

阅读量65

点赞数

文章标签： CSS IE 脚本 BBS Microsoft

1 !important 样式优先，如果定义了ul li input样式，而里层又有另一个input的样式是有区别的，这时如果定义里面的input的class这个标签和liput样式重复的定义是无效的这时候就需要使用这个来解决的

2 有些层的布局不对,需要定义padding:0px;margin:0px;样式规范

3 display:inline;把一个段落强加到一行(sina邮箱)

4 line-height:检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离,调整字体的上下位置

5 overflow:hidden:隐藏这个层一下的超过本层宽和高的部分

6 position: 定位，适合于图片组合使用，产生移动的效果

7 cursor:pointer :用于定义a标签鼠标在上面的样式，这个在firfox和ie中都是定义的手形，而hand只是在ie中好用

8 background:属性的用法：http://www.139qc.cn/bbs/thread-2527-1-1.html

格式：background: #ffffff url(images/top-back.gif) repeat-x scroll 0px -50px;

9font-style:oblique 设置字体倾斜

10绝对定位：如.class{position:absolute;top:20px;right:180px}是定位到父元素上方20像素，右侧180像素，但是如果父元素没有应用定位（即使用position定位，我们说一般没使用position定位的都是static移动这样的标签是没有作用的）那么这个元素就会相对于body元素定位

11 在html中的小标题使用th标签可以自动居中和加粗

12 list-style-type：li标签的预设标记，在脚本中的特性是 listStyleType

13 text-decoration：a标签下划线的显示

14 字体：font-family: font-family : Arial,"宋体",Helvetica,sans-serif;

15 将类型是text的input标签的属性增加一个border值，那么就可自定义这个text的边框

16 文字的上下居中使用line-height控制，脚本中的特性是lineHeight这个可以到css手册中查找

17 关于position定义的absolute和relative与z-index之间的关系：

例如有四个div

css如下:

#div1,#div2,#div3,#div4{
float:left;

}

如果四个div都是默认的position即relative的话那么就会依次排列，如果div1和dive2是默认的

#div3,#div4{
position:absolute;

}

这样div1和div2是依次排列的，div3和div4是重叠在一起的，这时谁在上面就要看z-index的定义了

#div3{
z-index:3;

}

#div4{
z-index:4;

}

那么div4就在div3上面，如果

#div1,#div2,#div3,#div4{
position:absolute;

}

那么这四个div就会重叠在一起了，如果#div3{position:relative;},那就是div3在最前面，其他的重叠在一起，这个例子可参见实例中的sina/index.html

18 透明度的设置：兼容的写法就是写多个

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 透明度20% */
-moz-opacity:.9; /* Moz + FF 透明度20%*/
opacity:0.9; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/

19 a标签的各种属性

a:hover,a:visited,a:link,a:active他们的含义分别是：鼠标放在连接上，链接被访问过，链接平常的状态，链接被按下的时候

20 在图片作为背景的时候使用background-postion定位的时候，图片是以坐标轴的形式定位的最左边，最上边的部分是坐标的原点0，0，向上是+，先下是-，向左是+，向右是-

21 要想使用z-index，元素必须是postion:absolute 定位

22 p{ font-size:10.5pt; text-indent: 21pt}text-indent的值为font-size的2倍，相当于缩进2个汉字

23 推荐的css书写顺序

http://basketballido.blog.163.com/blog/static/11659349020094132131791/

24 虚线

#aaa {border-top:1px dashed #cccccc;height: 1px;overflow:hidden;}