您现在的位置是:首页 > 站长新闻站长新闻

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

2021-04-10【站长新闻】人已围观

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

1.样式的可重用性

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

2.浮动和清除浮动

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

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

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

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

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

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

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

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

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

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

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

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

很赞哦! ()

文章评论

站点信息

  • 建站时间:2020-2-22
  • 网站程序:帝国CMS7.5
  • 文章统计9933篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信号:扫描二维码,联系我