网页设计学习笔记

HTML,CSS,JavaScript

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: :: 管理 ::

2012年5月28日

摘要: 在 CSS3 中引入了一个 calc() 方法,可以对各种长度作四则运算。如果将计算的结果设定为元素的大小,将比每次窗口大小改变时用 JavaScript 来计算方便很多。例如我们需要这样的三栏布局:中间宽度固定为 40px,两边宽度各占其它宽度的一半。用 calc() 方法来处理非常容易和直观(查看效果):html, body { height: 100%;}#left, #right { width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: calc(50% - 20px); float: le... 阅读全文
posted @ 2012-05-28 20:02 zoho 阅读(820) 评论(0) 推荐(0) 编辑

摘要: 在 CSS 中,文本的水平居中可以简单地用 text-align: center 来实现。因此,再加上 margin: auto 就可以实现 DIV 元素的水平居中。例如:horizontal center in css Hello World! Hello World! Hello World! Hello World! Hello World!垂直居中稍微麻烦一些,因为 margin-top 和 margin-bottom 为 auto 在大多数情形等同于 0。但我们还是有不少办法的。例如:vertical center in css Hello World! He... 阅读全文
posted @ 2012-05-28 19:38 zoho 阅读(273) 评论(0) 推荐(0) 编辑