布局遇到的问题 非常不错的见解

前言
还未等到下一代WEB开发技术RIA技术成熟之前,当然还得与HTML作斗争。前段时间《网站重构》炒得挺热,
这些都是进步,的确给我们新的思想。在这里总结一些开发中的点滴经验。 布局
1、上下左右布局
刚开始学制作页面,用的是MM的DW软件,可视化,让更多人学会网页制作。
还记得当初做页面用的还是DW,一个朋友问过我这一样一句话:"做网页表格多还是用层多,有什么区别?"。
我告诉他其实DW中用布局-布局表格,很快画出整个页面的框架,然后一步步细化。做页面是挺快的事情,建议用表格,用层不好控制位置。
现在想起来真是有点误导的成份。哈,不过也许,进步需要一个过程。 《网站重构》春风吹来,用层进行页面布局的确给予我们开发带来了新的思想。
优点:
页面更清晰,代码量减少;
CSS的应用更广泛。 上下排,分层清晰,代码demo:
ottom">

左右排,可以用绝对定位
#head{
position:absolute
top;10px;
left:200px;
}

2、DIV中的尽量少嵌套DIV,可用

3、用padding控制层之间的分隔



4、用border制作结构之间的分隔线
ottom:1px#000solid">
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:0000px;
padding:0000px;
}
同样p标记或其它标记你也可以定义. 2、select
optgroup的应用 3、为checkBox或radio加上label
今日 4、button
一个项目用的是图片的button。逐渐发觉应用中的缺陷。
建议还是用CSS美化。
其实CSS可以实现更美观的button
table
该用table还是得用table的。table始终有他优胜的一面。
例如一些数据显示的GRID或结构比较统一的,分行分列的布局.
table相关技巧
CSSExpressions的应用
用CSS应用可减少代码的编写
1、table鼠标事件
2、
width:expression{document.body.clientWidth<800?"760":"1003"} 值得留意的标记

  • 菜单1

  • 菜单2








    • Healthinformation:
      HeightWeight

      superscript

      版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

    布局遇到的问题非常不错的见解

    相关推荐


    Mip是什么意思以及作用有哪些
    怎么测试Mip页面运行情况
    MIP安装的具体步骤有哪些
    HTML添加超链接、锚点的方法及作用详解(附视频)
    MIP的规则有哪些
    Mip轮播图组件中的重要属性讲解
    Mip的内联框架组件是什么
    怎么创建初始的MIP配置及模板文件
    HTML实现多选框及无法提交多数据的原因分析(附视频)
    HTML如何设置复选框、单选框以及默认选项?(图文+视频)
    怎么使用MIP组件
    Div垂直居中效果怎么实现
    HTML如何实现视频在线播放
    如何使用Mip代码校验工具
    Mip中弹出层组件是什么
    如何用HTML实现简单按钮样式
    Mip中快速回顶组件怎么用
    Div内容居中效果如何实现
    Div水平居中效果怎么实现
    Mip中列表组件怎么用