疫情期间手机直线:18622734798
当前位置:首页网站设计:进阶篇 → 全部信息
网页布局的设计原则
更新时间:2012/9/29 点击:1646次
网页布局的设计与盒模型息息相关,在了解如何掌握网页布局之前,需要明白在网页布局中应该注意的几个问题。
1.样式的重用性
CSS布局的网页最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在网页中使用,以减少不断定义样式属性的烦琐工作,增强页面的可维护性。例如,某处标题的样式、版块的整体样式、文字颜色;甚至可以扩展到页面的模块化处理。
2.浮动与清除浮动
浮动是网页布局中永恒的话题,很多浏览器的兼容性问题都是因为浮动而导致的,例如,IE 6的双倍间距的问题。浮动也是一把双刃剑,兼容性的问题为其而生也为其而灭,善于利用浮动对于网页布局将会带来很大的帮助,例如,使用负边距的方式对页面进行布局设计。清除浮动随着浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多
.定位方式的页面布局
定位方式的布局一般是指绝对定位的方式,这种布局方式对页面布局的设计精确性要求十分高,遗憾的是绝对定位的布局方式的盒模型都是固定宽高的,无法自适应。读者在选择布局方式的时候需要考虑页面的后期发展会有什么改变而决定是否采用定位方式的页面布局。
4.过度使用ID选择符
Ⅲ在一个页面中出现的次数是一次,过度使用将失去样式可重用性的特性,对于页面的可维护性也将大打折扣。
5.类选择符(class)及ID选择符使用字母+数字方式命名
类选择符(class)及Ⅲ选择符的命名方式很多,最好的方式是针对某个模块的功。—能做阐释性的命名,例如,针对主要内容区域,可以使用#mainBox或者.mainBox,而不是使用#boxl或者.boxl。、不使用字母十数字的方式命名,在后期维护中可以对某个模块主要针对对象一目了然。
6.合理使用CSS布局,切勿盲目使用
CSS样式主要功能是对页面结构样式的处理,避免只是为了试验一种技术或新技巧而采用CSS中的技巧去剥夺其他语言脚本的作用。例如,使用CSS样式制作的二级弹出导航,而不使用主要功能为页面中动作行为的JavaScript脚本。
网页布局的设计与盒模型息息相关,在了解如何掌握网页布局之前,需要明白在网页布局中应该注意的几个问题。
1.样式的重用性
CSS布局的网页最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在网页中使用,以减少不断定义样式属性的烦琐工作,增强页面的可维护性。例如,某处标题的样式、版块的整体样式、文字颜色;甚至可以扩展到页面的模块化处理。
2.浮动与清除浮动
浮动是网页布局中永恒的话题,很多浏览器的兼容性问题都是因为浮动而导致的,例如,IE 6的双倍间距的问题。浮动也是一把双刃剑,兼容性的问题为其而生也为其而灭,善于利用浮动对于网页布局将会带来很大的帮助,例如,使用负边距的方式对页面进行布局设计。清除浮动随着浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多
.定位方式的页面布局
定位方式的布局一般是指绝对定位的方式,这种布局方式对页面布局的设计精确性要求十分高,遗憾的是绝对定位的布局方式的盒模型都是固定宽高的,无法自适应。读者在选择布局方式的时候需要考虑页面的后期发展会有什么改变而决定是否采用定位方式的页面布局。
4.过度使用ID选择符
Ⅲ在一个页面中出现的次数是一次,过度使用将失去样式可重用性的特性,对于页面的可维护性也将大打折扣。
5.类选择符(class)及ID选择符使用字母+数字方式命名
类选择符(class)及Ⅲ选择符的命名方式很多,最好的方式是针对某个模块的功。—能做阐释性的命名,例如,针对主要内容区域,可以使用#mainBox或者.mainBox,而不是使用#boxl或者.boxl。、不使用字母十数字的方式命名,在后期维护中可以对某个模块主要针对对象一目了然。
6.合理使用CSS布局,切勿盲目使用
CSS样式主要功能是对页面结构样式的处理,避免只是为了试验一种技术或新技巧而采用CSS中的技巧去剥夺其他语言脚本的作用。例如,使用CSS样式制作的二级弹出导航,而不使用主要功能为页面中动作行为的JavaScript脚本。
1.样式的重用性
CSS布局的网页最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在网页中使用,以减少不断定义样式属性的烦琐工作,增强页面的可维护性。例如,某处标题的样式、版块的整体样式、文字颜色;甚至可以扩展到页面的模块化处理。
2.浮动与清除浮动
浮动是网页布局中永恒的话题,很多浏览器的兼容性问题都是因为浮动而导致的,例如,IE 6的双倍间距的问题。浮动也是一把双刃剑,兼容性的问题为其而生也为其而灭,善于利用浮动对于网页布局将会带来很大的帮助,例如,使用负边距的方式对页面进行布局设计。清除浮动随着浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多
.定位方式的页面布局
定位方式的布局一般是指绝对定位的方式,这种布局方式对页面布局的设计精确性要求十分高,遗憾的是绝对定位的布局方式的盒模型都是固定宽高的,无法自适应。读者在选择布局方式的时候需要考虑页面的后期发展会有什么改变而决定是否采用定位方式的页面布局。
4.过度使用ID选择符
Ⅲ在一个页面中出现的次数是一次,过度使用将失去样式可重用性的特性,对于页面的可维护性也将大打折扣。
5.类选择符(class)及ID选择符使用字母+数字方式命名
类选择符(class)及Ⅲ选择符的命名方式很多,最好的方式是针对某个模块的功。—能做阐释性的命名,例如,针对主要内容区域,可以使用#mainBox或者.mainBox,而不是使用#boxl或者.boxl。、不使用字母十数字的方式命名,在后期维护中可以对某个模块主要针对对象一目了然。
6.合理使用CSS布局,切勿盲目使用
CSS样式主要功能是对页面结构样式的处理,避免只是为了试验一种技术或新技巧而采用CSS中的技巧去剥夺其他语言脚本的作用。例如,使用CSS样式制作的二级弹出导航,而不使用主要功能为页面中动作行为的JavaScript脚本。
  • 疫情期间手机直线:18622734798    服务邮箱:service@nfree.cn     QQ:1448132697
  • 地址:天津市河西区围堤道146号华盛广场B座22楼    

    津公网安备 12010302001042号

  • CopyRight 2006~2025 All Rights Reserved 天津市华易动力信息科技有限公司