时间:2021-07-01 10:21:17 帮助过:39人阅读
3、用padding控制层之间的分隔
4、用border制作结构之间的分隔线
5、可以用CSS的少用图片
页面布局demo(可查看源码,比以往TABLE布局的清晰多了):
http://davidblog.blogdriver.com/davidblog/inc/demo_div.jpg
form
1、form的margin以及padding
以往在页面中插入一个表单时,总是觉得margin,padding默认不为0,有时会影响页面的布局.
可以用CSS将其设加0
form{
margin:0 0 0 0px;
padding:0 0 0 0px;
}
同样p标记或其它标记你也可以定义.
2、select
optgroup的应用
3、为checkbox或radio加上label
4、button
前一个项目用的是图片的button。逐渐发觉应用中的缺陷。
建议还是用CSS美化。
其实CSS可以实现更美观的button
table
该用table还是得用table的。table 始终有他优胜的一面。
例如一些数据显示的GRID或结构比较统一的,分行分列的布局.
table 相关技巧
CSS Expressions的应用
用CSS应用可减少代码的编写
1、table 鼠标事件
2、
width:expression{document.body.clientWidth<800 ? "760" : "1003"}
值得留意的标记
superscript