css语法与CSS3
CSS
1.单个元素的多个属性之间用;(分号)隔开
2.多个元素之间用逗号隔开
3.样式优先级为在html中距离内容近的优先级高(在值的后面空一格添加!important可以提升为最高优先级)
html:
<!DOCTYPE html>
<html lang="ch-cn">
<head>
<meta charset="UTF-8">
<title>语法</title>
<link rel="stylesheet" type="text/css" href="2.1.css">
</head>
<body>
<h1>标题</h1>
<p>段落</p>
<i>倾斜字体</i>
<div>区域</div>
</body>
</html>
css:
h1{color: blue}
p,i{color: red}
div{background: yellow;color: green}
效果:
在一个html中可对一个元素引入多个css,但是要注意属性不要冲突。
CSS3
由于CSS3很多属性尚未成为W3C标准的一部分,因此每种内核的浏览器都只能识别带有自身私有前缀的CSS3属性。在书写CSS3代码时,需要在属性前加上浏览器的私有前缀,然后该种内核的浏览器才能识别相应的CSS3属性。
-webkit-
chrome和safari
-moz-
Firefox
-ms-
IE
-o-
opera
在CSS3中,对于CSS3属性的书写,都要像上述这样做兼容处理。
目前主流浏览器的兼容问题都比较少,主要还是对老版本IE进行兼容处理。