差别div和span、relative和absolute、display和visibility

2021-03-13 18:20 jianzhan
1、div和span的差别
  div是1个块级元素,能够包括段落,报表等內容,用于置放不一样的內容。1般大家在网页页面根据div来合理布局精准定位网页页面中的每一个区块。
  span是1个内联元素,沒有具体实际意义,它的存在纯碎是以便运用款式,给1段內容再加<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都可以以掩藏1个元素
  但visibility:hidden只是掩藏了元素的內容,但其应用的部位室内空间依然被保存。
  而display:none则非常把元素从网页页面中除去,其占有部位也将被删掉。