css
5篇文章 · 0订阅
  • CSS transition 小技巧！如何保留 hover 的状态？
    我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情 通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 这就意味着，如果需要保留hover
    前端 CSS JavaScript
    CSS transition 小技巧！如何保留 hover 的状态？
  • 「一劳永逸」48张小图带你领略flex布局之美
    48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…
    flexbox CSS
    「一劳永逸」48张小图带你领略flex布局之美
  • 关于清除浮动的理解clear:both,clear:left
    1.clear上面这个是w3school对clear这一个属性的说明。但是我觉得有很大的歧异，下面我用案例来深入理解一下clear这个属性。2.clear:left的元素左侧不允许有浮动[AppleS
    前端
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”
  • 学习 BFC (Block Formatting Context)
    什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting m…
    CSS 前端