<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高级之继承特性