span元素宽度是被包围的内容宽度决定，不建议给span设置宽度属性width，可以给span设置margin值，设置与父元素之前的距离。span可以通过css声明（display:block）转换为块元素，想对一行中的文字或图片单独设置样式，而又由不需要换行的条件下又不影响其他行内其他内容，span可以很好解决这些问题。

span和div区别在于，div是一个块级元素，它包含的元素会自动换行。而span是行内元素，在它的前后不会换行。span没有结构上的意义，只是单纯的应用样式，其他元素不适合时，就可以使用span元素。span可以作为div的子元素，但div不能是span的子元素，如果出现span中出现div不符合ws3c的页面标准。

div标记是html3.0时提出来的，但是不常用，直到css的出现才慢慢变得应用广泛起来。HTML4.0以后span才被引入，主要针对样式表设计的。div与之间可以理解成一个容器，这个容器可以放段落、标题、图片等各种HTML元素。div与之前的内容可看做一个独立内容的对象，对于css的控制。先需要对div控制，再对div中各标记的元素再进行控制。span标记与div标记一样，作为容器标记广泛应用在...

在使用css排版网页时，span和div常用的两个的标记。利用这个两个标记，加上css样式控制，可以实现很复杂的网页效果，下面为大家详细讲解一下他们区别和使用。

1、div：作为布局以及样式化时使用。2、section：表示文档中的节，一般是具有标题的。比如：文档大纲、文档章节、博客条目、用户评论部分或者论文中有编号的部分时使用；通常会带有标题。如果没有标题，那么就不推荐使用section3、article：表示独立的自包含内容，如：一篇文章。文章找那个可以包含标题、内容、脚注标注：a、<header>：定义文档的页面介绍信息，比如：文章标题、发表时间b...

1、div在html早期版本就支持了，section和article是html5提出的两个雨衣话标签。如果只是针对一个块内容做样式化，三者并没有区别。2、作为语义化标签，section应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一般来说，当元素内容明确地出现在文档大纲中时，section就是适用的。3、对于article标签来说，无论从结构上还是内容上来说，artic...

但凡说div+css简单的都是还没入门，这句话你同意吗？因为，但凡做过前端4、5年的或者更久的都不会说这个话，因为div的布局方式方法是没有标准答案的，很多时候靠的是经验和领悟，所以才会有css禅（cssZenGarden）的说法，就是悟道。本人amingweb前端从业经验超过8年，我甚至不敢说我写的代码100%的标准，包括css命名，标签的合理使用，现在依然是在“禅”的道路上摸索、领悟，时...

div是带着霸道基因出生的（不明白的请先看完上一篇哦），其实它主要是还没有碰上能征服它的你吧！哈哈……今天带大家来把他拿下。好吧，我承认“附加样式”这个词不知道是从哪儿看的还是我自己这么叫的，我们之后就分为样式和默认样式吧。一、矩形排排坐乃们还记得下面这张图吗？他们真的是很霸道呢，不过在html界，霸道的多了去了，今天我们先来把它收拾一下吧。在body内画两个矩形：<divstyle="wid...

css的浮动效果由float属性设置体现，都测试几次就知道怎么用了。float属性设置，就是让需要设置浮动的元素，跟在指定元素后面。多看看盒子模型clear属性设置一个元素的侧面是否允许其他的浮动元素。left在左侧不允许浮动元素right在右侧不允许浮动元素both在左右两侧均不允许浮动元素none默认。允许浮动元素出现在两侧。比方你有3个div想显示为一横行就要使用float但是你第四个di...