你的位置:首页 > 软件开发 > 网页设计 > 引人瞩目的 CSS 变量(CSS Variable)

引人瞩目的 CSS 变量(CSS Variable)

发布时间:2016-11-16 11:00:07
这是一个令人激动的革新。CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 ...

引人瞩目的 CSS 变量(CSS Variable)

这是一个令人激动的革新。

CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。

更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。

一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 SASS 或者 LESS 这类预编译器。

但是新的草案发布之后,直接在 CSS 中定义和使用变量已经不再是幻想了,像下面这样,看个简单的例子:

// 声明一个变量::root{ --bgColor:#000;}

CSS 如下:

:root{ --margin: 10px;}div{ text-indent: calc(var(--margin)*10)}

原标题:引人瞩目的 CSS 变量(CSS Variable)

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。