标签:CSS3

笔记

关于 flex-grow、flex-shrink、flex-basis

阅读(71)

1.Flex布局 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性 flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为 0 1 auto。 任...

Sass 教程

Sass @error

阅读(339)

在编写接受参数的 mixins 和函数时,您通常希望确保这些参数具有 API 所需的类型和格式。如果不是,则需要通知用户,并且您的mixin/函数需要停止运行。 Sass 通过编写@error的 @error 规则使这变得容易。它打印表达式...

Sass 教程

Sass @extend

阅读(291)

在设计页面时,通常一个类应该具有另一个类的所有样式,以及它自己的特定样式。例如,BEM 方法鼓励使用与块或元素类相同的元素的修饰符类。但是这可能会造成混乱的 HTML,很容易因忘记包含这两个类而出错,并且可能会将非语义样式问题带入标记中。 ...

Sass 教程

Sass @function

阅读(819)

函数允许您定义对 SassScript 值的复杂操作,您可以在整个样式表中重复使用这些操作。它们可以轻松地以可读的方式抽象出常见的公式和行为。 函数是使用@function规则定义的,该规则写@function <name>(<...

Sass 教程

Sass @mixin 和 @include

阅读(490)

Mixins 允许您定义可以在整个样式表中重复使用的样式。它们可以轻松避免使用非语义类(如 .float-left),并在库中分发样式集合。 Mixins 是使用 @mixin at-rule 定义的,它写@mixin { … } 或 @m...

Sass 教程

Sass @import

阅读(380)

与普通CSS 导入不同,普通CSS导入要求浏览器在渲染页面时发出多个HTTP请求,而Sass导入则完全在编译过程中处理。导入文件中的所有mixins,function和variable都可用。 Sass 导入与 CSS 导入具有相同的语法,...

Sass 教程

Sass @forward

阅读(945)

@forward规则加载 Sass 样式表,并在样式表加载 @use 规则时使其mixin、函数和变量可用。它可以跨多个文件组织 Sass 库,同时允许其用户加载单个入口点文件。 如果您确实在同一文件中为同一模块编写了@forward和@u...

Sass 教程

Sass @use

阅读(1457)

@use规则从其他 Sass 样式表中加载mixin、函数和变量,并将来自多个样式表的 CSS 组合在一起。@use加载的样式表称为“模块”。Sass 还提供了充满有用功能的内置模块。 样式表的@use规则必须排在除@forward以外的任...

Sass 教程

Sass 数据类型

阅读(427)

Sass 支持许多值类型,其中大多数直接来自CSS。每个表达式产生一个值,变量保存值。大多数值类型直接来自CSS: 数字(Number),可能有也可能没有单位,例如12 或100px。 字符串(String),可以带或不带引号,例...

Sass 教程

Sass 变量

阅读(502)

Sass 变量很简单:为以 $ 开头的名称赋值,然后可以引用该名称而不是值本身。但是,尽管它们很简单,但它们是 Sass 带来的最有用的工具之一。变量可以减少重复、进行复杂的数学运算、配置库等等。 变量声明 变量声明看起来很像属性声明:它写...