关于网站页面布局的几个有用的技巧

时间:2024-05-17 12:15:06来源:惠州网站建设 作者:团队介绍

1、关于ul:默认的网站ul的margin和padding不是0,如果在导航中用到了左浮动的页面有用li,往往会把外部的布局div撑大,导致页面变形,个的技改成: ul{ margin:0px; padding:0px;}

2、关于img:这里牵涉的网站不同浏览器的问题,ie6里显示的页面有用图片height总是要大于准确值,这里就需要我们记住下面这一点 img{ display:block};页面中知名不要用大块背景,布局能平铺的个的技要平铺,否则加载起来会很慢,关于也不利于以后的网站优化和扩展,当然也有些大的页面有用网站,现在都尽量把背景统一放到一张图片上,布局用background-postion来取得背景。个的技知名的格式就是gif格式,即确保了背景透明,在ie6中又不会有阴影,有时gif图片会有锯齿,这就需要我们保存成web格式,设置一下matter,matter的值用背景颜色的值越相近越好。

关于网站页面布局的几个有用的技巧

3、overflow:有时一些公司的注册协议都是很长,这就用到了overflow,可以把div的style里加上这个:overflow:auto

关于网站页面布局的几个有用的技巧

4、float:有时候一些div会挤到页面的上方,这里可能就是浮动引起的,可以加上clear:both。

5、div:height等于1px的div,在ie6中可能并不是1px,在这个div的style里加上font-size:1px;这样就ok了。

6、id和class:当一个样式在页面中多次使用时,不要用id,要用class,要使用js的时候,样式知名不要用id,因为id要留给js使用。

7,link:.link:link{ }、.link:visited{ }、.link:hover{ }、.link:active{ }。有一点,visited与hover的顺序一定不能倒换,否则ie6中会大大的问题。

深圳网站建设公司-沙漠风(www.szweb.cn.),拥有设计团队为企业提供FLASH网站设计网页制作多媒体触摸屏展示设计.


相关内容
推荐内容