div+css网页布局的优点(div+css怎么布局)

div+css网页布局的优点

长处
1、契合W3C规范的，W3C规范提出网页由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。结构清晰明了，结构、款式和行为别离，带来足够好的可保护性。
2、布局愈加灵活多样，能够通过款式挑选来完成界面设计方面的更多要求。
3、布局改版便利，不需要过多地变化页面内容，通常只需替换相应的css款式就能够将网页变成别的一种风格展现出来。
4、布局能够让一些重要的链接和文字信息等优先让搜索引擎抓取，内容更便于搜索。
5、添加网页翻开速度，增强用户体会。
缺点
1、开发技术高，要考虑兼容版本浏览器。目前来看，DIV+CSS还没有完成所有浏览器的统一兼容。
2、CSS网站制造的设计元素通常放在1个外部文件中，或几个文件，
有可能适当杂乱，乃至比较巨大，假如CSS文件调用出现异常，那么整个网站将变得惨不忍睹。
3div+css的布局较table布局的显着优势
1，其实也是div+css布局的第一个特色，table标签被严格地界说为存放数据的一个区域，而不是布局工具，它的布局形式不契合W3C规范，没有完成结构和表现的别离，它既有css的表现功用，也有html的结构功用。
2，table布局加载网页时，必须全体加载完，降低了网页的呈现速度，而div+css布局是边加载边显示的。
3，table布局在网页代码编写时，有时需要嵌套多重表格才能完成，但运用div+css布局，相对而言会削减许多嵌套时的代码，更容易查看和保护。
4，table布局不便利表现的替换，运用div+css布局，大多只需更改css款式表就能变化表现形式。
5、易于保护和改版。

div+css怎么布局

div+css布局现在是干流，能进步网页加载速度，进步后期代码维护功率。
操作方法
01
div所谓
标签咱们能够理解为一个盒子。例如：
这里是Top
02
border:1pxsolid#000;（这是把边框显示出来，便利咱们布局）。background-color:#EEE;（这是背景色设置，#EEE为色彩值）。div的设置特点有许多，我就大致说一下。这里能够设置一下字体居中，字体间隔上下边框的间隔。text-align:center;（文字横向居中）padding:30px;（字体间隔上下左右边框的间隔，由于左右现已超出了30px，所以这个30px就对左右不起约束作用了。）
03
同样的道理，咱们能够设置一部分的布局了。布局一个中间层。
左边
右边
<–!float:right;向右浮动width:80%;宽度为整个屏幕的80%border:1pxsolid#000;边框，便利检查。height:600px;高度为600px。–>
04
如果想像我的效果图相同铺满整个屏幕能够参加以下代码。每个div，都有父容器。body便是最根源的父容器。只要把body设置为100%就能够满屏幕。
05
还能够增加以下底部啊什么的。大家能够自己试试