带来一篇CSS教程:DIV元素与SPAN元素的区分

可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
网页制造poluoluo文章简介：尺度结构中DIV元素和SPAN元素的区分和使用.
起首讲两个观点，一个是行内元素，一个是块级元素。行业元素是指该元素标志的内容不不会对如今的布局形成影响，属于使用款式，帮助使用款式表等作用；而块级元素为一个块状，独自占有一行，相称于在一个该元素前后各加一个换行。
二者最分明的区分是：DIV(division)是一个块级元素，能够包括段落、题目、表格，以致诸如章节、择要和备注等。而SPAN是行内元素，SPAN的前后是不会换行的，它没有布局的意义，地道是使用款式，当其他行内元素都分歧合时，可使用SPAN。块元素相称于内嵌元素在前后各加一个
换行。实在，块元素和行内元素也不是一成稳定的，只需给块元素界说display:inline，块元素就成了内嵌元素，一样地，给内嵌元素界说了display:block就成了块元素了。

详细步骤：
代码示例：

1. 12345

复制代码

1. <style>div,span{border:1pxsolid#000;margin:2px;}</style><div>div1</div><div>div2</div><span>span1</span><span>span2</span><br/><divstyle="display:inline">div3</div><divstyle="display:inline">div4</div><spanstyle="display:block">span3</span><spanstyle="display:block">span4</span>

复制代码

提醒：能够先修正部分代码后再运转
技能：有些伴侣会说DIV是层标签，实在HTML里是没有层这个说法的，只不外是为了易于了解，Dreamweaver里才如许写的，每一个工具都能够成为“层”，只必要给工具界说position属性(值为absolute或relavite)。比方，要让图片成为“层”，能够如许写代码：

1. 1

复制代码

1. <imgsrc="demo.gif"style="posibion:absolute;left:20px;top:20px"/>

复制代码

出格提醒
本例代码运转效果如图所示，为了更能申明成绩，这里给块元素和内嵌元素都加了1像素宽的玄色实线边框，从图中能够看到，DIV默许为块元素，界说display属性值为inline后之内嵌元素显现，而SPAN默以为内嵌元素，界说display属性值为block后则以块元素显现。

登录/注册后可看大图

SPAN标志有一个主要而有用的特征，即它甚么事也不会做，它的独一目标就是环绕你的HTML代码中的别的元素，如许你就能够为它们指定款式了。
</p>
当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。

运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

仓酷云

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

滚动条)层属性--溢出(visible/hidden/scroll/auto)