CSS教程之div和span、relative和absolute、display和visibility

所有的设计第一步就是构思，构思好了。
网页制造poluoluo文章简介：div和span、relative和absolute、display和visibility是很简单搅浑和弄错的HTML标签与CSS属性，明天poluoluo.com复杂的排列出它们的区分与利用要点，供人人参考。
div和span、relative和absolute、display和visibility是很简单搅浑和弄错的HTML标签与CSS属性，明天poluoluo.com复杂的排列出它们的区分与利用要点，供人人参考。

1、div和span的区分
　　div是一个块级元素，能够包括段落，表格等外容，用于安排分歧的内容。一样平常我们在网页经由过程div来结构定位网页中的每一个区块。
　　span是一个内联元素，没有实践意义，它的存在地道是为了使用款式，给一段内容加上<span></span>标志能够经由过程在span上界说款式来设定其内容的款式。

2、relative和absolute的区分
　　relative，CSS中的写法是：position:relative;他的意义是相对绝对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，共同TRBL举行定位，当父级内有padding等CSS属性时，以后级的原始点则参照父级内容区的原始点举行定位。
　　absolute，CSS中的写法是：position:absolute;他的意义是相对定位，他是参照扫瞄器的左上角，共同TOP、RIGHT、BOTTOM、LEFT(上面简称TRBL)举行定位，在没有设定TRBL，默许根据父级的做标原始点为原始点。假如设定TRBL而且父级没有设定position属性，那末以后的absolute则以扫瞄器左上角为原始点举行定位，地位将由TRBL决意。

3、display和visibility的区分
　　display:none和visibility:hidden都能够埋没一个元素
　　但visibility:hidden只是埋没了元素的内容，但其利用的地位空间仍旧被保存。
　　而display:none则相称把元素从页面中往除，其占用地位也将被删除。</p>
业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站。