手机网站建设网页设计布局的几大准则

1.样式的可重用性

CSS布局网页的最大特点是样式的可重用性。使用class选择器在网页中重复使用某个样式属性，以减少连续定义样式属性的繁琐工作，并提高页面的可维护性。例如，您可以在某处表达样式、整体样式和文本颜色。您甚至可以扩展到页面的模块化处理。

2.浮动和清除浮动

浮动页面布局中的许多浏览器兼容性问题都是由浮动引起的，例如IE6.0中的双间距。浮动也是一把双刃剑。兼容性问题是由它引起的第二个问题。良好地使用浮动将会给网页的布局带来很大的帮助。例如，使用负边距方法设计网页布局。

清除浮动是为了清除浮动引起的多种问题。有许多方法可以消除浮动。

3.定位模式下的页面布局

定位方法的布局通常指绝对定位。这种布局方法要求非常高的页面布局精度。不幸的是，绝对定位布局方法的盒子模型在高度和宽度上是固定的，并且不是自适应的。

4.不要过度使用ID选择器

ID在页面中出现一次。过度使用将失去样式的可重用性，页面的可维护性将大大降低。

5.类别选择器和ID选择器由字母编号命名。

类选择器和ID选择器有多种命名方式。最好的方法是根据模块的功能来命名它。例如，对于主要内容区域，您可以使用# mainBox或.mainbox而不是＃box1。或.box1。

不要使用字母数字命名。在未来的维护中，很容易看出模块主要是针对对象的。

6、合理使用css布局，不要盲目使用

CSS样式的主要功能是处理页面结构样式，避免使用CSS技术来剥夺其他语言的脚本，从而尝试一种技术或新技术

Tags：网页设计   几大   布局   准则   手机网站

转载：感谢您对雨滴无声个人博客网站平台的认可，以及对网站分享的经验、工具及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处。http://www.lcfqcl.com/xd/6462.html

很赞哦！ ()