常用的Css函数

1. attr()

用来选择元素的属性值，用法：attr(html元素的属性名)，正常搭配css content一起使用

html: 

<p><a href="http://a.b.c" name="attr">十</a></p> 
<p><a href="http://d.f.e" name="我是谁">九</a></p>

 css: 
 a:after{content:'('attr(href) '/' attr(name) ')'} 

结果：
 十(http://a.b.c / attr) 
 九(http://d.f.e / 我是谁)

 

2. calc()

用于动态计算长度值 calc(数学表达式)

运算符前后需要有空格
不管什么长度都可以用calc计算
calc() 支持 '+','-','*','/' 等运算
calc() 使用标准的数学运算优先级规则

语法：

width: calc(70% - 60px)
height: calc(70% / 2 * 12 + 66px)