css
qq_37519640
这个作者很懒,什么都没留下…
展开
-
css隐藏元素的方法及区别
display,opacity,visibility,positiondisplay:noneopacity:0visibility:0position:absolute区别 display:none display 属性规定元素应该生成的框的类型 将display设置为none的话,元素不可见其盒模型也不会生成,即在布局中不占据任何空间,任何用户交互操作也将不会生效。 但通过DOM操作可以访问该...原创 2019-08-13 14:24:58 · 195 阅读 · 0 评论 -
display属性
display属性 值 描述 特性 inline(默认) 此元素被显示为内联元素,元素前后没有换行符 none 此元素不会被显示 block 显示为块级元素,前后带有换行符 inline-block 行内块元素 list-item 作为列表显示,设置后类似于 < ul > table 块级表格,类似< table > 父元素宽度...原创 2019-08-13 14:54:05 · 152 阅读 · 0 评论 -
BFC
什么是BFC BFC(block formatting contex):块级格式化上下文,决定元素如何对其内容进行定位以及与其他兄弟元素的关系和相互作用。 BFC提供了一个环境,在这个环境中按照一定规则进行布局不会影响到其它环境中的布局,也可以将其理解为隔离的独立容器,并且这个容器的里box的布局,与这个容器外的毫不相干。 形成BFC的条件 float 除 none 以外的值; position...原创 2019-08-13 15:45:59 · 54 阅读 · 0 评论 -
::before和::after伪元素
伪元素 伪元素不是真正的html元素,但是其用法和表现行为都与html元素一样,可以对其使用诸如页面元素一样的css样式,表面上看上去貌似是页面的某些元素来展现,实际上是css样式展现的行为,因此被称为伪元素。 ::before和::after 特点 伪元素不占用dom元素节点 默认为inline 使用时必须要有content属性 字符串 attr(attr_name):伪元素的内容跟主元素的某...原创 2019-08-13 16:46:34 · 457 阅读 · 0 评论