北京网站建设,北京网站制作,北京网站设计

INDUSTRY INFORMATION

新闻资讯

访问官网查看案例

当前位置:首页 > 新闻

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

发布时间:2020-09-01 10:08:50 浏览:1712

CSS对现代网页非常重要,它能取得更好的效果,所以今天的东浩联创将与你分享CSS  3的新知识

1.样式的可重用性

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

2.浮动和清除浮动

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

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

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

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

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

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

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

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

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

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

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

推荐案例
推荐新闻

7个H5网页制作工具全面介绍

2018-08-03 17:22:05

目前市场上的各种H5网页制作工具,包括一个良好的印象,也真材实料。但如何区分?其实,…

电子商务的网站建设

2018-05-25 19:14:20

随着互联网经济的迅速发展,网络购物已经成为现代人生活中不可缺少的一部分,为了吸引更…

怎样制定一份详细的企业网站建设方案策…

2018-05-06 16:24:49

企业网站建设方案策划书是指在网站建设初期对市场进行分析、网站目的确认、网站功能的了解…

做一个普通企业网站多少钱

2018-10-17 17:08:56

可以提高企业形象及知名度,不管是公司的客户还是企业的员工想要了解企业的时候,都会去网…

北京网站建设完成后怎么进行后期维护?

2019-12-11 09:39:32

现在,在这个互联网时代,越来越多得公司将建立网站,并希望该网站能够为公司带来利益和变…