超等简朴的DIV+CSS网页机关

　　这篇文章演示在一个页面上有用的行使div元向来构建网站，而不是行使table元素。由于div元素有许多上风，以是大部门客户开拓网站要求计划开拓div元素，而不是table元素。上面的代码是是为了给初学者进修行使div元素开拓网站的。

　　下面表明为什么行使div元素而不是table元素

　　table元素的利益：大多是计划开拓者行使table是为了同一的外面。table也很是轻易维护。另一个表的甜头是，它是与大大都赏识器兼容。

　　table元素的弱点： 全部的这些都必要耗损本钱：嵌套太多的table会增进页面的巨细和下载时刻。太多的table元素会使网页重要的内容占据比例降落，导致搜刮蜘蛛把没用的内容添加到搜刮引擎中。

　　DIV元素的利益：div加css，我们可以实现同样的基于table的页面布局，并且可以镌汰页面上的元素数量，这样使页面加载更快。这也使得更多的网页与搜刮引擎匹配。

　　DIV 元素的弱点：首要的弱点是，并非全部的CSS元素与全部的赏识器兼容。正由于云云，我们必需写一些自界说CSS来办理题目。

　　我已经建设了一个简朴的应用措施，展示了怎样轻松地就可以建设仅仅只有div元素的网页。

　　下面的图展示了div元素的机关

　　这里是我建设的对页面机关css样式表类的列表，让我们看看更多的细节。

　　divHeaderTable: 计划html页面的头部，应用此样式的div浸染相等于headertable 。

　　divHeaderRow:应用此样式的div浸染相等于table的header row 。因为头部的图像牢靠为105，以是row中height元素值为105px。

　　divHeaderColumn:应用此样式的div浸染相等于table的header column 。值为99%的头部元素被分别为3个这样的元素部门。

　　divTable: 应用此类的div浸染相等于html文档容器中的table 。

　　divRow: 应用此类的div浸染相等于html文档容器中的row。

　　divColumn: 应用此样式的div 相等于html文档容器中的Column。容器内里将有四个width为24%的row。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!