首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏达达前端

    【一起来烧脑】一步Sass学会体系

    */的注释语法 Sass 混合器 混合器使用@mixin标识符定义 @mixin rounded-corners { -moz-border-radius: 5px; -webkit-border-radius border-radius: 5px; } notice { background-color: green; border: 2px solid #00aa00; @include rounded-corners

    66910发布于 2019-07-20
  • 来自专栏码客

    Sass常用语法

    dashed #ccc } 子选择器 子组合选择器>选择一个元素的直接子元素 article { > section { background: #eee } } 混合器 基本用法 定义 @mixin rounded-corners 如果像下边这样写: notice { background-color: green; border: 2px solid #00aa00; @include rounded-corners

    29610编辑于 2024-07-26
  • 来自专栏极客慕白的成长之路

    LESS使用教程

    // LESS .rounded-corners (@radius: 5px) {   border-radius: @radius;   -webkit-border-radius: @radius;   -moz-border-radius: @radius; } #header {   .rounded-corners; } #footer {   .rounded-corners(10px); // LESS .rounded-corners (@radius: 5px) {   border-radius: @radius;   -webkit-border-radius: @radius;   -moz-border-radius: @radius; } #header {   .rounded-corners; } #footer {   .rounded-corners(10px);

    2.6K20发布于 2018-08-03
  • 来自专栏小鑫同学编程历险记

    Sass入门使用指南

    混合@mixin 何时使用: 用于展示性样式的重用 定义: ```css @mixin rounded-corners { -moz-border-radius: 5px; -webkit-border-radius 使用: ```css notice { background-color: green; border: 2px solid #00aa00; @include rounded-corners

    3.8K20编辑于 2022-12-24
  • 来自专栏柠檬先生

    sass 基础——回顾

    例如:       @mixin rounded-corners {         -moz-border-radius: 5px;         -webkit-border-radius notice {       background-color: green;       border: 2px solid #00aa00;       @include rounded-corners

    1.4K70发布于 2018-01-22
  • 来自专栏三木的博客

    sass 概要

    margin: "10px 20px"; } #box02 { margin: "10px 20px"; } sass允许根据变量,选择性的输出css,类似于开关,例如: scss: $rounded-corners : false; .button { border: 1px solid black; border-radius: if($rounded-corners, 5px, null); } css

    1.2K10发布于 2020-02-18
  • 来自专栏柠檬先生

    Sass 基础(八)

    例如:       将引入 rounded-corners 和text-shadow 两个文件。       

    1.3K90发布于 2018-01-19
  • 来自专栏Dimples开发记

    CSS预处理器之SCSS

    foo.css"; @import "foo" screen; @import "http://foo.com/bar"; @import url(foo); Sass 允许同时导入多个文件,例如同时导入 rounded-corners 与 text-shadow 两个文件: @import "rounded-corners", "text-shadow"; 导入文件也可以使用 #{ } 插值语句,但不是通过变量动态导入 Sass 文件

    4.4K10编辑于 2022-12-21
  • 来自专栏前端说吧

    Sass控制命令及函数知识整理

    例如: 1 @import "rounded-corners", "text-shadow"; 将引入 rounded-corners 和 text-shadow 两个文件。   

    3.8K60发布于 2018-05-17
  • 来自专栏前端说吧

    Sass-学习笔记【进阶篇】

    例如: 1 @import "rounded-corners", "text-shadow"; 将引入 rounded-corners 和 text-shadow 两个文件。   

    4.9K80发布于 2018-05-17
  • 来自专栏前端说吧

    Sass-学习笔记【进阶篇】

    例如: 1 @import "rounded-corners", "text-shadow"; 将引入 rounded-corners 和 text-shadow 两个文件。   

    4.2K20发布于 2019-02-20
领券