区别div和span、relative和absolute、display和visibility
div和span、relative和absolute、display和visibility是很轻易夹杂和弄错的HTML标签与CSS属性,本日简朴的摆列出它们的区别与行使要点,供各人参考。 一、div和span的区别 div是一个块级元素,可以包括段落,表格等内容,用于安排差异的内容。一样平常我们在网页通过div来机关定位网页中的每个区块。 span是一个内联元素,没有现实意义,它的存在纯粹是为了应用样式,给一段内容加上<span></span>标志可以通过在span上界说样式来设定其内容的样式。 二、relative和absolute的区别 relative,CSS中的写法是:position:relative; 他的意思是绝对相对定位,他是参照父级的原始点为原始点,无父级则以BODY的原始点为原始点,共同TRBL举办定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点举办定位。 absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照赏识器的左上角,共同TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)举办定位,在没有设定TRBL,加盟网默认依据父级的做标原始点为原始点。假如设定TRBL而且父级没有设定position属性,那么当前的absolute则以赏识器左上角为原始点举办定位,位置将由TRBL抉择。 三、display和visibility的区别 display:none和visibility:hidden都可以潜匿一个元素 但visibility:hidden只是潜匿了元素的内容,但其行使的位置空间如故被保存。 而display:none则相等把元素从页面中去除,其占用位置也将被删除。 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |