css
19篇文章 · 0订阅
  • CSS width 和 height 的：auto 和 100%
    「这是我参与11月更文挑战的第8天，活动详情查看：2021最后一次更文挑战」 CSS width 和 height 的：auto 和 100% 一、 width：auto和height：auto wi
    前端 CSS
  • 2024，该放弃框架来实现 Web 布局了
    2024年，让我们放弃框架来实现Web布局吧！框架虽便利，但也限制了创意和性能。通过直接使用CSS Grid和Flexbox，我们可以打造更高效、独特的网页设计。不再依赖冗余的库，纯净代码让加载更快，
    CSS 前端 SVG
    2024，该放弃框架来实现 Web 布局了
  • 【布局技巧】Flex 布局下居中溢出滚动截断问题
    在页面布局中，我们经常会遇到/使用这么一类常见的布局，也就是列表内容水平居中于容器中，像是这样： 效果如下： 这里，外层的容器是定宽的，内层的 flex-item 也是定宽的。 当 flex-item
    前端 CSS JavaScript
  • SCSS Module 这样处理配置和使用太赞了
    SCSS Module 只是Scss和Css Module结合，可以利用SCSS对代码静态处理的能力，使得样式处理更强大一些,加上强大的配置和灵活的覆盖样式能力，简直太爽了
    • LVZ
    • 1年前
    • 3.1k
    • 评论
    前端 CSS
    SCSS Module 这样处理配置和使用太赞了
  • 动态设置网站的主题，顺便狠狠地介绍相关 sass 用法
    网上关于设置网站主题的文章很多，很多文章还都介绍了很多种方法，咱也不整那么多花里胡哨的。本文就介绍我自己在公司项目中使用的方法，借助 sass 动态设置网站的主题，并介绍相关 sass 知识点~
    SCSS 前端 CSS
    动态设置网站的主题，顺便狠狠地介绍相关 sass 用法
  • JS随机点名demo
    随机点名 效果 代码 tip：细节 1.在文档中获取一个元素来自id用document.getElementByld(``) 2.随机数的生成（推荐用封装函数方式） Math.floor 向下取整
    JavaScript 前端
    JS随机点名demo
  • 讲解 CSS 过渡和动画 transition/animation (很全面 🥳)
    目前浏览器实现动画的方式有如下两种 JS 动画 和 CSS 动画，本篇详细讲解 CSS 动画：CSS Transition过渡 和 CSS Animation 动画。
    前端 CSS JavaScript
    讲解 CSS 过渡和动画 transition/animation (很全面 🥳)
  • 《css世界》的那些实用技巧
    下面所有的内容都来至张鑫旭所著的《css世界》。 《css世界》这是一本专门写css的书，书中并没有涉及css3的知识，但是它所展现的东西很多都是我从未知道或以前未重视的。这是一本能够开阔视野的书，我把这本书推荐所有从事前端的人。 下面都是我在看这本书所记录的一些新奇但实用的布…
    图片资源 Icon CSS
  • 深入理解 CSS：字体度量、line-height 和 vertical-align
    这是一篇译文，对 inline 和 inline-block 的元素剖析非常给力。 line-height 和 vertical-align 都是简单的 CSS 属性，以致于大多数人自以为知道这两个属性的工作原理。但实际上这两个属性非常复杂，也许算得上是 CSS 里最难的两个属…
    CSS
  • 利用CSS3的animation step属性实现wifi动画（结尾有彩蛋）
    之前攒的满满的SVG+CSS3做动画的技能一直未能放个大招，理由很简单，因为本身从事行业的性质，软件里不能出现劳什子动画这等花里胡哨的东西，哦，不不，叫隐喻行为引导的趣味化。用canvas实现了一个科技感满满的动态绘制背景的登录页面，因为渲染占了20M内存，20M啊筒子们，那就是…
    CSS 设计 SVG