angular中使用css全局变量定义

html-css019

angular中使用css全局变量定义,第1张

删除数组指定下标或指定对象。

全局变量定义:删除数组指定下标或指定对象。将使用Angular7和CSS变量构建一个超级简单的加密货币列表应用程序。AngualrJS中设置全局变量,即每个Controller中都可以访问的变量。

Angular是一款来自谷歌开源的web前端框架,诞生于2009年,由MiskoHevery等人创建,后为Google所收购。

可以的!但是在使用php的地方要加入<?php ?>这个

只需要把apache 的配置文件中的AddType application/x-httpd-php .css 这样服务器就会把css文件当成php文件!

如果是模板那么设置模板文件的后缀!这个应该可以!

为了统一页面风格在编写CSS样式文件时经常会大量复用相同的颜色或者字号,加重开发工作量的同时也不利于后期的维护,所以需要用到CSS全局变量。

声明全局变量

CSS全局变量的声明是在变量名称前加两个中横线--。

body {

--Color: #2C51CD

--BackGround: #B4D4FD

}

上述代码中,body选择器中声明了Color和BackGround两个变量。而使用--是因为$被Sass占用了,@被Less占用了。

变量的声明对大小写敏感。如:Color和color表示两个不同的变量。

读取变量

使用var()函数来读取变量。

p {

background: var(--Color)

}

var()函数还可以使用第二个参数,表示变量的默认值。如果该变量不存在,就会使用这个默认值。

p {

background: var(--Color, #2C51CD)

}

第二个参数不处理内部的逗号或空格,都视作参数的一部分。

p {

font-family: var(--fontF, "Roboto", "Helvetica")

margin: var(--Margins, 15px 20px 25px)

}

var()函数还可以用在变量声明中

body {

--Color: #2C51CD

--BackGround: var(--Color)

}