css常用函数

1.rgb()

rgb()：通过对红®、绿(G)、蓝(B)三个颜色通道的变化和它们相互之间的叠加来得到各式各样的颜色。

2.计算calc()

calc()：用于动态计算长度值
这个函数可用在如，左右布局一边宽度固定，另一边撑开宽度的情景。
语法：

calc(数学表达式)， 如：width:calc(100% - 20px);

<style>
	.bodyCont{font-size:0;padding-top:20px;}
	.bodyLeft{
		width:300px;height:100%;
		display:inline-block;border:1px solid green;
		box-sizing:border-box;
	}
	.bodyRight{
		width:calc(100% - 300px);height:100%;
		display:inline-block;border:1px solid orangered;
		box-sizing:border-box;
	}
</style>

<div class="bodyCont">
	<div class="bodyLeft"></div>
	<div class="bodyRight"></div>
</div>

3.attr()获取标签属性

attr(属性名) 获取当前所在选择器的标签的属性值，参数就是属性名，不用加引号。

.bodyCont a{font-size:14px;}
.bodyCont a:after{
	content:'(' attr(href) ')'
}

<div class="bodyCont">
	<a href="https://www.baidu.com">链接</a>
</div>