官方微博:http://t.qq.com/moollylive
莫逆动态 咨询热线(TEL):400-878-1993

DIV+CSS布局中的几点误区

DIV+CSS固有的优点:
1、有意义而又标准化的页面结构;
2、css独立的样式表比较利于统一修改网站页面;
3、在Div里面H1指的就是标题,img指的就是图片,ul指的就是列表形式等,各种属性都非常明了,搜索引擎对它有良好的支持.

但是DIV+CSS的布局中也有几点误区:
1、Div+Css可以进行网页的统一修改,通过一个样式表,控制整个网站,只要修改样式表,就可以统一整个网站的风格。如果为一个页面单独做一个样式表,或者一个div就做一个样式表,那这个Div+Css的设计就完全没有必要了;
2、如果使用DIV也像table一样无穷尽的嵌套,效果与table布局也就没什么两样了,这样即不会带来搜索引擎的优化,反而会使页面没有意义;
3、关于兼容性的问题,TABLE布局已经很多年了,多数浏览器都是支持的,所以显示效果好,基本上不会出现错位情况,但是DIV+CSS却在部分浏览器中会发生页面错位的情况,所以在进行布局的时候也要考虑到不同浏览器的情况,进行更改和调试。
         
CSS小技巧:
1、定位:绝对定位,相对定位

如有两个div

<div id='A'>
<div id='B'></div>
</div>

如果内层的div的position属性是absolute(绝对定位).那它表示的就是相对于文档的位置.
如果内层的div(B)position属性为relative(相对定位),那它就是相对于外层的div距离.

2、设置水平居中
大多数的网站目前都是固定宽度的。这样,我们只需要在网站最外层的body写一个css样式:
body{margin: 0 auto;}就可以是整个网站的位置居中了。

版权所有:上海莫逆网络科技有限公司 ©2009-2021 All Rights Reserved. 沪ICP备10025716号-3 常年法律顾问:吴渊源
null
null
null