css高级之继承特性

<html>
    <head>
        <title>css高级之继承特性</title>
        <style type="text/css">
        p{color:blue;}
        /*标题是红色字体加下滑线 而强调标签只显示了下滑样式 修改后的颜色 ,说明了子类继承父类的样式,单子类修改不影响父类的样式。 */
            h2{color:red;text-decoration:underline;}
            em{color:blue;}
            /*列表加项目加粗*/
            /*li{font-weight:bold;}*/
            /*只让最里层的列表项加粗*/
            /*第一种方法*/
            /*li ul li ul li{color:green;font-weight:bold;}*/
            /*第二种方法*/
            li li li{color:red;font-weight:bold;}
        </style>
    </head>
    <body>
        <p>css的继承就是子标记会继承如父标记的所有样式 而并在父标记的 基础上修改,子标记不会影响父标记:</p><br/>
        <p>格式:《父标记》《子标记》《/子标记》《/父标记》</p>
        <h2>网页开发<em>必会的知识</em></h2>
        <ul>
            <li>网页开发需要使用以下技术:</li>
            <ul>
                <li>HTML</li>
                <li>CSS</li>
                <ul>
                    <li>选择器</li>
                    <li>盒子模型</li>
                    <li>浮动与定位</li>
                </ul>
                <li>JavaScript</li>
            </ul>
            <li>此外该需要掌握:</li>
            <ol>
                <li>Flash</li>
                <li>Dreamweaver</li>
                <li>Photoshop</li>
            </ol>
        <ul>
    </body>
</html>

欢迎分享本文,转载请保留出处:前端ABC » css高级之继承特性

赞 (2)
分享到:更多 ()

发表评论 0