CSS之calc、attr函数

CSS之calc定义及用法：  calc(expression)  expression 必传，一个数学表达式，结果将采用运算后的返回值。

• calc() 函数用于动态计算长度值。

• 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
• 任何长度值都可以使用calc()函数进行计算；
• calc()函数支持 "+", "-", "*", "/" 运算；
• calc()函数使用标准的数学运算优先级规则；

代码：

 
 




创建一个横跨屏幕的div，div 两边有 50px 的间隙：
一些文本...

运行结果 ：

CSS之attr函数定义及用法： attr() 函数返回选择元素的属性值。attr(attribute-name) 必须。HTML 元素的属性名。

实例： 

 
 




菜鸟教程
HTML 教程

注意: IE8 需要声明 !DOCTYPE 才可以支持 attr() 函数。

执行结果：

 

 

CSS calc() 函数：

https://www.runoob.com/cssref/func-calc.html

CSS attr() 函数

https://www.runoob.com/try/try.php?filename=trycss_func_attr