1. 在做层的mask时,上下两个层,如果想第二个层和第一个层重叠显示,第一个层的css为position:absolute,第二个层的css为 position:relative, IE需要这个设置,如何absolute改为fixed, 则不好使,其他浏览器都可以的。

2. CSS的float属性对于div的布局作用挺大呢
上面三个input 就是用float:left布局的,有一点很重要就是,上个层用完float后,下个层要用css的clear:both. 否者下面的层会接着显示在上面的层。
下面提交按钮也是float:right, 不过是div套div
<div>
<div style="float:right">
...action button
</div>
<div>

3. 将网页内容html和样式css分开的好处是可以达到progressive enhancement的作用,就是渐进增强。因为你在开发的时候很容易看到没有应用css样式是什么样子,(不应用css样式即可)。但是如果你在页面是添加样式,你是不可能看到没有应用css是什么样子的,也就是说,当用户用的浏览器版本比较低,没有办法识别你的样式时,他看到的就是没有样式的原始页面。
CSS布局技巧与最佳实践
本文探讨了使用CSS进行网页布局的几个实用技巧,包括如何通过调整层的position属性实现层叠显示,如何利用float属性进行元素布局,并讨论了将HTML内容与CSS样式分离的重要性。
2573

被折叠的 条评论
为什么被折叠?



