css
23篇文章 · 0订阅
  • 用三行 CSS 实现任意多列等分布局：深入掌握 Grid 的 repeat() 与 gap
    做前端的你是不是经常遇到这样的需求： 要把一行内容平均分成 3、4、5 份； 每一份之间要有间隔； 并且要在各种屏幕下都能自适应； 很多人第一反应是： 没错，Flex 可以做到，但代码会越来越多：要算
    前端 CSS
  • Flex 布局下文字省略不生效？原因其实很简单
    在 Flex 布局中，文字省略常常因为父层默认的 min-width: auto 而失效。只需在包裹文字的 Flex 容器上添加 min-width: 0，即可让内部内容根据空间压缩，是文本缩略生效。
    前端
  • scss语法
    以前都是用 css，自从看到有人使用了 less 之后，我就感觉，这东西用着真舒服呀，就赶紧学习了一下，后面又发现 scss 使用的场景实际上比 less 更多，主要是其他用的人比较多
    前端
  • Sass @use 替代 @import
    前言 今天在翻阅 Element-plus 的官网的时候,看到了一个警告： 觉得蛮好奇，为什么 Sass 团队会在接下来进行删除 @import 语法。 @import 的缺陷 Sass 扩展了 CS
    前端 SCSS
  • 你不了解的Grid布局
    一位名 howcode 的程序员苦遭同行的重创——代码一把梭 flex，不禁发出苦天下久矣的感叹，立誓要将 Grid布局 发扬光大
    前端 CSS 面试
    你不了解的Grid布局
  • 不要使用 100vh 做移动端响应
    通常, 我们通常在全屏布局使用 height:100vh,这种简单方便的方式可以获得更好的排版 例子 但是当我们在实际的设备上测试我们的设计时, 我们会遇到一些问题 大部分移动端的chrome 和 F
    前端
  • autoUno：最直觉的UnoCSS预设方案
    起因 可能你跟我一样头一次听说原子化CSS时，觉得写预设 class 听起来是一件极蠢的事，感觉这是在开倒车，因为我们都经历过 Bootstrap（其实不属于原子化） 的时代。 于是在这个概念刚刚在国
    CSS 前端 开源
    autoUno：最直觉的UnoCSS预设方案
  • CSS3最强布局-Grid布局
    wc!!!你不会还在用flex布局吧，都2024年了快进来看看css3最强布局Grid布局 绝对让你眼前一亮
    前端
    CSS3最强布局-Grid布局
  • 【大前端】搞懂＞＞＞、/deep/、::v-deep、::v-deep()和:deep()的区别与用法
    在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战，Vue社区引入了深度选择器
    前端 Vue.js CSS
  • 【CSS】Grid 布局总结
    1. 前言 grid 布局是 css 中的一种新的布局方式，对盒子和盒子内容的位置及尺寸有很强的控制能力。与 flex 不同，flex 着重于单轴，而 grid 适应于多轴，下面就来做个简单的介绍。 2. 基本概念 设置 display: grid; 的元素称为容器，它的直接子…
    CSS
    【CSS】Grid 布局总结