240 投稿
收录了20篇文章 · 83人关注
  • Resize,w 360,h 240
    Sass: @media x @mixin x @content

    说到媒体查询我想到的就是麻烦,要写很多代码,而且难懂。当 Sass 推出了 @mixin 和 @content 后一切就感觉很舒服了。 例子 我...

  • Resize,w 360,h 240
    Sass: @mixin vs placeholder vs @function

    学习 Sass 的时候总会发现这三个东西很像,因为他们都是用来统一代码来达到复用的目的的。这篇文章将用一个小例子来对比他们的不同之处。 例子 我...

  • Sass 基础用法(下)

    BEM命名法 Block Element Modifier Block: 主要名字 -> user-card。 Element: 两个下划线表示...

  • Sass 基础用法(上)

    嵌套 变量 Mixin(类似于函数) 两处地方用相同代码时可以用Mixin讲法,相当于机械地拷贝CSS代码到不同地方。 Placeholder(...

  • Sass 入门实战

    Sass 学习起来是很无趣的一件事,毕竟如果没有项目单单看文档是挺无聊的,还不如看政治课本有趣。这篇文章就从一个简单的例子入手,通过用 Sass...

  • Sass函数功能汇总

    Sass自备了一系列的函数功能,大部分能通过普通的css语句直接调用。这篇文章会详细介绍Sass的字符串函数、数字函数、列表函数、Introsp...

  • 关于Sass的编译风格与编译命令

    Sass的编译风格并不单一,为了满足不同工程师的编码习惯和不同开发项目的实际需求,Sass人性化的提供四种不同编译风格。这篇文章将会列举出这四种...

  • 通过 sass-resources-loader 全局注册 Sass 变量

    本文讲述如何通过 sass-resources-loader 全局注册变量及由 @mixin、% 定义的通用样式,以 vue 项目为例。 先描述...

  • Resize,w 360,h 240
    纯 Css 绘制扇形

    阅读此文需具备基本数学知识:圆心角、弧度制、三角函数。 为实现如下效果呕心沥血: 当然你可以拥抱 Svg...在此分享如何纯 Css 打造圆环进...

  • Resize,w 360,h 240
    Sass 学习笔记

    本文以 sass 语法点为主线展开,但语法细节不在此赘述,如有疑问请移驾至 http://sass-lang.com 自行查阅。我所认为的 sa...

专题公告

Sass学习