2017年10月30日下午课堂练习

<head>;

　　<meta charst=''UTF-8''>

　　<title></title>

　　<style type="text/css">

　　　　p{

　　　　font-size:24px;

　　　　color:blue;

　　　　}

　　　　.p1{

　　　　　　font-size:48px;

　　　　　　color:plum;

　　　　}

</head>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p{      font-size:24px;      color:blue; } .p1{ font-size:48px; color:plum; } #pp{ font-size:50px; color:#0000FF; } body p{ background:red; } ul>li{ background:purple; }/*所有的兄弟*/ #ui~li{ background:gold; }/*相邻的兄弟*/ #ui+li{ background:pink; } </style> </head> <body> <!--id不允许重复 --><!--id>class>p--> <p id="pp">hello p</p> <p>helle h1</p> <p class="p1">hello p1</p> <ul> <li id="ui">xxxx<> <li>xxxxx<> <ol> <li>xxxx<> <li>xxx<> </ol> <li>xxxxx<> <li>xxxxx<> <li>xxxxx<> </ul>     </body> <ml>

posted on 2017-10-30 15:41  剑荡四方  阅读(80)  评论(0)    收藏  举报

导航