CSS网页布局应该避免滥用div元素

2016-02-20 00:11 8 1 收藏

图老师小编精心整理的CSS网页布局应该避免滥用div元素希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  CSS网页布局应该避免滥用div元素一直是webjx.com倡导的,以合适的HTML标签组织文档是CSS网页布局的基础。

  页面中div与span元素的使用是一个新问题,我们也容易过多的使用它们。必要及合理的使用div可以明显的增强文档的结构性。

  如果你审视你的HTML文档,发现有着很多的div与span,那你就得换一个眼光来看问题了,是不是存在滥用的情况?

  是不是还有更好的标记来替代它们?若h1可以更好的表示所标记的内容,那你就得放弃p或span来定义。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  或许这是一对矛盾,我们本身也较难把握该如何正确的使用它们,也或许我们根本就得不到一个明确的答案。

  但有一点需要阐明,我们应该使文档在逻辑上具有清晰的结构,而且更加容易应用样式。

  我们可以将div仅看着是一个容器,或者叫做文档的组成部分。

  我们使用太多的容器,并不是一个明智的模式。

  而恰到好处居于合理位置的容器,可以让整个文档显的很有条理。

来源:https://www.tulaoshi.com/n/20160220/1631448.html

延伸阅读
标签: Web开发
CSS教程栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 CSS命名规范 一.文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 二....
标签: Web开发
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW...
标签: Web开发
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、h...
标签: Web开发
webjx.com的CSS教程栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 CSS命名规范 一.文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样...
标签: Web开发
在前面的文章中我简单总结了一个CSS在页面布局中实现div水平居中的方法,其实水平居中实现还是比较简单的,反而垂直居中有点麻烦,因为我们设计页面的时候往往水平宽度都是固定的。因此我们有必要总结一下在页面布局过程中实现垂直居中的方法。     在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置...

经验教程

184

收藏

44
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部