您好!欢迎光临北京欢迎你科技有限公司官网!

售前咨询热线:  400-8737-108  北京地区专线: 010-52886123  售后服务专线: 010-56035709  VIP专线: 15901551129(24小时)

您可以通过以下新闻与公司动态进一步了解我们。我们所签约的客户,无论他们的项目是大或者小,我们都将提供好的服务。

  • 整理编辑人员:北京网站建设 首次发布时间:2014/11/5 点击次数:626744

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

    ① 、使用 line-height垂直居中

    line-height :24px;

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

    ② 、清除容器浮动

    #main {

    overflow:hidden;

    }

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

    ③ 、不让链接折行

    a {

    white-space :nowrap;

    }

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

    ④ 、始终让 Firefox显示滚动条

    html {

    overflow:-moz-scrollbars-vertical;

    }

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

    body, html {

    min-height:101%;

    }

    ⑤ 、使块元素水平居中

    margin:0 auto;

    其实就是

    margin-left : auto ;

    margin-right: auto ;

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

    body{

    text-align: center ;

    }

    然后定义内层容器

    text-align: left ;

    恢复。

    ⑥ 、隐藏 Exploer textarea 地滚动条

    textarea {

    overflow:auto;

    }

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

    ⑦ 、 设置打印分页

    h② {

    page-break-before :always;

    }

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

    ⑧ 、 删除链接上地虚线框

    a :active, a:focus {

    outline :none;

    }

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

    ⑨ 、最简单地 CSS重置

    * {

    margin: 0; padding: 0

    }

    北京欢迎你科技有限公司原创文章,关键词:北京网站建设 北京建网站 北京网站制作 转载请注明出处:www.bjhyn.cn谢谢!
    上一篇 :北京建网站公司教我们提高设计水平地玖大秘诀!
    下一篇 :北京网站建设公司针对静态网页设计及HTML地介绍!
点击这里给我发消息
  • 微信客服1

  • 微信客服2

  • 微信客服3

  • 微信客服4

咨询热线:010-52886123 400-8737-108
京ICP备11011491号-1
客服工作时间
周一至周日
9:00 - 24:00
客服团队
网站超市
高端定制
手机网站
微信网站
八合一站
空间域名
网站备案
投诉建议
夜间值班
联系电话
400-8737-108