详细介绍css中的数学表达式calc()
很多时候跟着书和不系统的视频学习，会发现没有方向，学了很多却不知道自己能够做出什么成绩。
学习要有一个清晰的职业学习规划，学习过程中会遇到很多问题，你可以到我们的web学习交流君羊- 点击此处 ，
同时准备了基础，进阶学习资料。学友都会在里面交流，分享一些学习的方法和需要注意的小细节，每天也会准时讲一些项目实战案例。
数学表达大唤式calc()是CSS中的函数，主要用于数学运算。使用calc()为页面元素布局提供了便利和新的思路。相关视频教程推荐：
定义
数学表达式calc()是calculate计算的缩写，它允许使用+、-、*、/这四种运算符，可以混合使用%、px、em、rem等单位进行计算
兼容性: IE8-、safari5.1-、ios5.1-、android4.3-不支持，android4.4-4.4.4只支持加法和减法。IE9不支持乎仿老用于backround-position
注意：+和-运算符两边一定要有空白符
实例如下：
应用
数学表达式calc()常用于布局中的不同单位的数字运算
以上就是详细介绍css中的数学表达式calc()的详细内容，
相关链接：
css基础之flex布局
css如何实现边框岁升长度控制功能
关于书籍：需要学习资料的小伙伴们可以加群， 点击此处
css的基本语法结构及规范
一、CSS简介
CSS(Cascading Style Sheet)层叠样式表，它是用来美化页面的一饥培种语言，之前提到的W3C规范中的“样式”。
作用：
1、美化界面。
2、页面布局。
基本语法：
选择器{
样式规则
}
样式规则：
属性名1：属性值1;
属性名2：属性值2;
属性名3：属性值3;
。。。
选择器:是用来选择标签的，判段选出来以后给标签加样式。
从Hello World说起，
p style="background-color:#FFF;color:#000;font-size:30px;"Hello World!/p
这样写可以实现将原本的白底黑字Hello World! 改成样式为 黑底白字的效果。但是这样写有一定的缺点：
缺点1：内容、样式、行为三者未分离，代码糅杂，不符合W3C规范，难以维护。
缺点2：代码冗余，不可复用。
二、如何引入CSS？
1）行内样式
即上述的一般形式，由于其存在的缺点，介绍下一种样式。
2）内嵌样式，给p标签加样式，加在head标签中
style type="text/css"
p{
background-color:#FFF;
color:#000;
font-size:30px;
}
/style
当本页面的p标签都需要相同的样式时，这样写大大降低了代码量，并让其他编程人员一眼分辨出来CSS样式。
3）链接样式（链入式）
在head标签中加入
link href="../css/my.css" type="text/css" rel="stylesheet"/
将CSS文件和html文件分开来放，这样增加了代码的重用性，但是每个浏览器都要单独读取css文件中的样式，比较慢，如果追求速度，内嵌样式会更好。
4）导入样式
style type="text/css"
@import url("路径名");
/style
四种样式的优先级：
如果一个页面中四种样式同时存在，这四种都会对标签起作用，但是重复样式的属性值，只有最后一个有效。如果内嵌样式和导入掘肢誉样式放在一起，则内嵌样式起作用。
如果内嵌样式和导入样式分成两个style定义，则在CSS样式中的最后一个style起作用。
附：css中注释的格式，没有单行注释，所有的注释均是/*注释内容*/
css 选择器表达式的计算顺序是怎样的
单条css语句解析是从右向左的。
(.a+ div)em {
color :#ffffff;
}
可以理解为：
1、找到所有 em
2、找到所有 em 中 em的父元素是(.a+div)的 em
而css选择器有不同的权重划分。
权重：important id class/伪类/属性 元素/伪元素 通配符
相同目标 可以有多条css语句表示，每条拦袭css语句的权重是语句中所有选择器权重之和，权简扮兄重越大优先级越高，如果权重相等后者会覆盖前者。
p class="red"class权重高。我的颜色是粉缺茄色不是红色p
p {
CSS背景图片的正则表达式怎么写
比如者携春url(images/nan_bg_o.jpg)这是背景图首耐的css写法，它的正则表达式如下
VBScript codes=".x{background:url(images/nan_bg_o.jpg);}.xx{}.xxx{background: URL(images/nan_bg_oxx.jpg) ;}"
set rx=new RegExp
rx.IgnoreCase=true
rx.Global=true
rx.Pattern="url\s*\(([^\)]+)\)"
set mc=rx.Execute(s)
for each m in mc
response.Write "隐和pre"m.submatches(0)"/pre"
next
set rx=nothing
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
