继承性：父元素的声明可以被子元素继承，如字体、颜色等。
层叠性：同一个元素若存在多个css规则，对于不冲突的声明可以叠加
优先级：同一个元素若存在多个css规则，对于冲突的声明以优先级高着为准。
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>css优先级演示</title>
- <style type="text/css">
- /*1.继承性：父元素的样式可以被子元素继承（颜色、字体）*/
- body{
- font-family:"楷体","微软雅黑";
- }
- /*2.层叠性：给一个元素设置不同的声明，其效果会叠加*/
- h1{
- color:red;
- }
- h1{
- font-size:50px;
- }
- /*3.优先级:给同一个元素设置相同的声明，效果以后者为准，即就近原则*/
- h2{
- color:green;
- }
- /*.....*/
- h2{
- color:yellow;
- }
- </style>
- </head>
- <body>
- <h1>HELLO WORLD!</h1>
- <h2>你好，世界！</h2>
- </body>
- </html>
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/jiqiao/j58733.shtml
