随笔分类 - html/css
摘要:什么是语义化? 为什么我们提倡书写语义化的代码? ① 语义化的代码,结构清晰,具有良好的可读性,利于维护。 试想一下,当你回顾几
阅读全文
摘要:1、CSS 伪元素用于向某些选择器设置特殊效果(用来当作一个东西的,跟一个元素差不多,但不是元素)。 ① :frist line伪元素:用于向文本首行设置特殊样式,但是只能用于块级元素。 以下属性可应用于 “ frist line ” 伪元素: &nb
阅读全文
摘要:什么情况下hidden不起作用? position设置成fixed,overflow的hidden不起作用。 visibility和display 1、visibility: 规定了元素是否可见,即使不可见也会占用上面的空间,在这里就是在指它与display的不一样了。 2、display: 这个属
阅读全文
摘要:最近对一些基础知识进行了整理,下面是针对 BFC 的一些整理以及本人对 BFC 的一些理解。 1. 首先,什么是 BFC 呢? BFC,Block formatting context,直译为“块级格式化上下文”。 在说 BFC 之前,我们首先要弄懂什么是 formatting context? f
阅读全文
摘要:浮动的清除有两种方式: 一、clear clear:both/left/right; 二、创建BFC (1)什么是BFC? BFC,块级格式化上下文,是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。通俗
阅读全文
摘要:1、绝对定位:position:absolute; 当一个div块的位置被定义为绝对定位absolute时,也就意味着它失去了文档流的位置,后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是0,那么它将漂浮在原来的位置上,否则,会根据相对该元素外的第一个非static属性的元素进行
阅读全文
摘要:一、z-index七阶层叠顺序表 1.层叠顺序的大小比较: background/border < 负z-index < block块状水平盒子 < float浮动盒子 < inline/inline-block水平盒子 < z-index:auto或者看成z-index:0 /不依赖z-index
阅读全文