【CSS】样式继承

来源：互联网发布：剑三藏剑正太脸数据编辑：程序博客网时间：2024/04/30 12:24

前言

　　简单的说就是将各个HTML标记看作一个个容器，其中被包含的小容器会继承所包含它的大容器的风格样式。

父子关系

　　所有的CSS语句都是基于各个标记之间的父子关系的，看下面的代码。

<h1>祖国的首都<em>北京</em></h1>

　　其中，标记em在标记h1中，那么这种形式中的h1就叫父标记，em就叫子标记。

继承

　　CSS继承指的是子标记会继承父标记的所有样式风格，并可以在父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式风格完全不会影响父标记。

实例

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style>    h1{        color:#990000;    }    b    {        font-size:50px;    }</style></head><body>    <h1>祖国的<b>首都</b>北京</h1></body></html>

效果图

0 0