ddc
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
网站建设 域名注册 网站建设 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg王国 ACG玩家 品牌设计 上海网站建设
求创科技
网站建设
中国互联
素材出售
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> Dreamweaver >> 网页中常用的几个cSS技巧

网页中常用的几个cSS技巧

来源:中国设计秀    作者:straw    点击:420     加入收藏
关键字:css

这段时间在学习css ,总结了一些技巧来和大家分享下:

1 、使用 line-height垂直居中

line-height :24px;

使用固定宽度的容器并且需要一行垂直居中时,使用 line-height即可(高度与父层容器一致),更多的垂直居中总结可以看这里。

2 、清除容器浮动

#main {

overflow:hidden;

}

期前也提到过这样的问题,更多信息可以看这里。

3 、不让链接折行

a {

white-space :nowrap;

}

上面的设定就能避免链接折行,不过个人建议长链接会有相应的这行(有关换行方面的讨论,参看圆心的记录)。

4 、始终让 Firefox显示滚动条

html {

overflow:-moz-scrollbars-vertical;

}

更多的 Mozilla/Firefox私有 CSS属性可以参考这里。需跨浏览器的支持,也可以使用

body, html {

min-height:101%;

}

5 、使块元素水平居中

margin:0 auto;

其实就是

margin-left : auto ;

margin-right: auto ;

这个技巧基本上所有的 CSS教科书都会有说明,别忘记给它加上个宽度。Exploer 下也可以使用

body{

text-align: center ;

}

然后定义内层容器

text-align: left ;

恢复。

6 、隐藏 Exploer textarea 的滚动条

textarea {

overflow:auto;

}

Exploer 默认情况下 textarea 会有垂直滚动条(不要问我为什么)。

7 、 设置打印分页

h2 {

page-break-before :always;

}

page-break-before 属性能设置打印网页时的分页。

8 、 删除链接上的虚线框

a :active, a:focus {

outline :none;

}

Firefox 默认会在链接获得焦点(或者点击时)加上条虚线框,使用上面的属性可以删除。

9 、最简单的 CSS重置

* {

margin: 0; padding: 0

}

0
顶一下
2008-09-01 00:28:00    出处:中国设计秀cnwebshow.com
Google
热点文章/相关文章
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口