网页设计学习笔记

摘要： 在 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... 阅读全文

摘要： 在 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... 阅读全文