分类:: CSS

css的hover

马上月底了, 这个月忙于工作和生活, 没有很好的写一篇博客, 有点忧伤. 为了弥补, 就写点简单的. 最近项目有个需求, 就是鼠标移入的时候显示一个层, 移除的时候这个层消失. 当然层是可以点击进行额外操作的. 项目用的是react,最开始使用的是mounseenter和mounseleave事件, 结果吧出现了点击进入另外一个路由后,再次点击回来后, 鼠标在元素上, 确没有再出现浮层.

BFC(Flow Root)

BFC 定义CSS2.1的定义 Block formatting contexts9.4.1 Block formatting contextsFloats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not b

也说说三栏布局

注:很多代码直接来自详解 CSS 七种三栏布局技巧 流体布局原理:左右模块各自向左右浮动,并设置中间模块的 margin 值使中间模块宽度自适应。缺点: 主要内容无法最先加载,当页面内容较多时会影响用户体验。 窗体足够小的时候是会掉行破坏布局,一般会设置上层容器的min-width。 三栏布局之流体布局 BFC 三栏布局原理:BFC 区域,不会与浮动元素重叠。因此我们可以利用这一点来

CSS float

定义和用法float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。 借用CSS浮动float详

CSS Content 属性

content 属性,用在after,before伪元素上,用于在选中的元素前后插入内容。插入的内容多种多样, 纯文字 123h1::after{content:"h1后插入内容"} 文字符号关于 quotes ,参考CSS quotes 属性 123456789h1{ quotes:"(" ")"; }h1::befo