网站制作中页面排版有六大基本原则

发布时间:2016-01-08 10:47:34
网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
 网站制作中页面排版有六大基本原则
  1.样式的重用性
  CSS 排版的页面最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在页面中使用,以减少不断定义样式属性的烦琐工作,增加页面的可维护性。例如,将某处表达样式、板块整体样式、文字颜色;甚至可以扩展到页面的模块化处理。
  2.浮动与清除浮动
  浮动式页面排版中永远的话题,很多浏览器的兼容性问题都是因为浮动而导致的,例如IE6.0的双倍间距的问题。浮动也是把双刃刀,兼容性的问题为其二产生为其而灭亡,善于利用浮动对于页面排版将会带来很到的帮助,例如使用负边距地方法对页面进行排版设计。
  清除浮动浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多。
  3.定位方式的页面排版
  定位方式的排版一般指的是绝对定位,这种排版方式对页面排版的设计精确性要求十分高,遗憾的是绝对定位的排版方式的盒模型是固定高和宽的,无非自适应。
  4.不要过多使用ID选择符
  ID在一个页面中出现的次数是一次,过多使用将失去样式的可重用性的特征,对于页面的可维护性也将大打折扣。
  5.类选择符(class)及ID选择符使用字母+数字方式命名
  类选择符Class及ID选择符的命名方式很多,最好的方式是阵对某个模块的功能阐述性的命名,例如,阵对主要内容区域,可以使用#mainBox或者.mainBox而不是使用#box1或者.box1。
  不使用字母+数字的方式命名,在后期维护中可以阵对某个模块主要针对对象一目了然。
  6.合理使用CSS排版,切勿盲目使用
  CSS样式的主要功能是对页面结构样式的处理,避免只是为了试验一种技术或新技巧而采用CSS中的技巧去剥夺其他语言脚本的使用。
了解更多长沙网站建设知识,请点击官网http://www.shunchen.net/
Copyright © 2004-2018 顺晨文化 版权所有 备案号:湘ICP备14014194号-18 Power by XC