css
16篇文章 · 0订阅
  • 【记一忘三二】Less如何使用函数、混入、插件适配移动端
    起因 最近在做移动端官网开发，决定采用vw做响应式，但设计图是375px宽度，所以需要每块元素的px单位转为vw单位，但是在Less的语法呀，又该如何去封装喃？
    前端
  • 学会Sass的高级用法，减少样式冗余
    在当今的前端开发领域，样式表语言的进步已经显著提升了代码组织性和可维护性。Sass（Syntactically Awesome Style Sheets）作为CSS预处理器的翘楚。
    Vue.js React.js
    学会Sass的高级用法，减少样式冗余
  • 2023年最值得期待的20个CSS框架：揭示未来的设计风潮
    在当今的网络生态系统中，网站或工具发挥着重要作用，其表示层由 CSS（层叠样式表）提供支持。一个引人入胜的网站不可避免地会带来更多的客户或浏览者，可以通过不同的方式使用它们来提高产品的有效性。
    CSS
    2023年最值得期待的20个CSS框架：揭示未来的设计风潮
  • UnoCSS给了我一个不用tailwindcss的理由
    我正在参加「掘金·启航计划」 `tailwindcss` 和 `UnoCSS` 都是原子化CSS模式实现的一种，为什么现在我更推荐 `UnoCSS`
    前端 CSS
    UnoCSS给了我一个不用tailwindcss的理由
  • 使用Tailwind CSS开发时使用的4个VSCODE扩展
    最近一直用Tailwind CSS 开发项目，目前觉得原子类写css的方式很不错，所有这些扩展都可以在此 VSCODE 扩展包中可用 TailwindCSS Kit
    前端
    使用Tailwind CSS开发时使用的4个VSCODE扩展
  • TailwindCSS的使用，看这一篇就够了！
    安装 以下方法是Vite + Vue模式下的安装方法，其他脚手架与框架的使用同理。 创建项目 安装必要依赖 Vite创建的项目默认集成了PostCSS，而TailwindCSS本身就是一个PostCS
    前端 CSS PostCSS
  • 从案例入门Sass适配PC端和移动端样式
    有时候我们开发一个样式布局比较简单的页面，它需要同时兼容移动端和PC端展示，我们一般都会考虑是否可以用一套样式代码来完成并考虑其是否易于维护。那么我们可以通过借助Sass扩展语言来帮助我们优雅的实现它
    SCSS
    从案例入门Sass适配PC端和移动端样式
  • 拜托，css这样实现多行文本“展开收起” 超酷的好吧
    前段时间接到一个需求，关于文字展开和收起的，走了很多路,踩了很多坑，在这个夜深人静，想你想到泪流的时候，决定记录分享一下。
    前端 CSS
    拜托，css这样实现多行文本“展开收起” 超酷的好吧
  • 你是这样的 CSS，19个唯美的边框，我的项目又有"亮"点了！
    今天，分享一波唯美的边框，可增加我们的项目"亮"点，让用户爱起来。 渐变边框动画 事例地址：https://codepen.io/mike-schultz/pen/NgQvGO CSS Animati
    JavaScript CSS
  • CSS 实现优惠券的技巧
    在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…
    CSS 前端