摘要: 所有CSS布局技术依赖于三个基本概念:定位、浮动和空白边margin操纵主要内容:1. 让设计在页面中水平居中2. 创建两列和三列的基于浮动的布局3. 创建固定宽度、流体和弹性布局4. 将列拉长到整个可用的宽度让设计居中有两个基本方法:一个方法使用自动空白边(margin auto)另一个方法使用定位和负值空白边PS:怪异模式中的IE5.x和IE6不支持自动空白边,幸运的是,IE将text-align:center误解为让所有的东西居中,而不只是文本,可以利用这一点方法让主题标签中的所有东西居中,包括容器DIV ,然后将容器的内容重新对准左边body{text-align:center;}#w 阅读全文
posted @ 2012-11-02 23:01 FreeLesley 阅读(250) 评论(0) 推荐(0)
摘要: 在CSS弹性布局是根据字号(而不是浏览器宽度)来设置元素的宽度,通过以em为单位设置宽度,可以确保字号增加的时候整个布局随之扩大,这样可以将行长保持在可阅读的范围内,对于实力弱或者认知障碍的人士尤其有用所以,如果你想灵活布局,经常需要初始化设置body的font-size属性,常见的有body{font-size:62.5%}为什么要设置成62.5%呢?为什么使用%而不是px呢?因为是新手,不懂,查font-size属性,当值为%的时候是指:% 把 font-size 设置为基于父元素的一个百分比值。这body的父元素就是HTML啦,应该是指浏览器默认样式啦....而大多数浏览器的默认字... 阅读全文
posted @ 2012-11-02 22:47 FreeLesley 阅读(499) 评论(0) 推荐(0)