CSS入门教程:2.css语法规则与CSS3



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进行兼容处理。


上一篇: 1.样式及其初始化 下一篇: 3.css基本选择器