level 1
暴风雨的启示录
楼主
<!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>choice2</title>
<style type="text/css">
div,p,h1,h2{background:silver;font-size:25px;color:green;text-align:center;}
h1{font-size:10px;color:blue;text-align:center;}
h1:hover{font-size:20px;color:red;text-align:center;}
.s1{font-size:30px;color:red;text-align:center;}
.s5{font-size:40px;color:black;text-align:center;}
.s5>div{font-size:30px;color:red;text-align:center;}/*s5儿子选择器,实际指向s6*/
.s5 div{font-size:20px;color:black;text-align:center;}/*后代选择器,s5下的所有div,但实际只包括s6*,因为比儿子选择器靠后,所以覆盖了儿子选择器*/
.s6{font-size:30px;color:blue;text-align:center;}/*类作用域不如类的复合型大,所以无效化了*/
/*div.s5{font-size:30px;color:orange;text-align:center;}*/
</style>
</head>
<body>
<h1 class="s1">人无远虑,必有近忧。</h1>
<h2>生于忧患,死于安乐。</h2>
<p>临渊羡鱼,不如退而结网。</p>
<p>往者不可谏,来着犹可追。</p>
<div class="s5">
自苦雄才多磨难,从来纨绔少伟男!
<div class="s6">凡事预则立,不预则废。</div>
</div>
<span class="STYLE2"></span>
<div class="s7">Only you ,can take me 取西经。</div>
</body>
</html>
2017年03月12日 01点03分
1
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>choice2</title>
<style type="text/css">
div,p,h1,h2{background:silver;font-size:25px;color:green;text-align:center;}
h1{font-size:10px;color:blue;text-align:center;}
h1:hover{font-size:20px;color:red;text-align:center;}
.s1{font-size:30px;color:red;text-align:center;}
.s5{font-size:40px;color:black;text-align:center;}
.s5>div{font-size:30px;color:red;text-align:center;}/*s5儿子选择器,实际指向s6*/
.s5 div{font-size:20px;color:black;text-align:center;}/*后代选择器,s5下的所有div,但实际只包括s6*,因为比儿子选择器靠后,所以覆盖了儿子选择器*/
.s6{font-size:30px;color:blue;text-align:center;}/*类作用域不如类的复合型大,所以无效化了*/
/*div.s5{font-size:30px;color:orange;text-align:center;}*/
</style>
</head>
<body>
<h1 class="s1">人无远虑,必有近忧。</h1>
<h2>生于忧患,死于安乐。</h2>
<p>临渊羡鱼,不如退而结网。</p>
<p>往者不可谏,来着犹可追。</p>
<div class="s5">
自苦雄才多磨难,从来纨绔少伟男!
<div class="s6">凡事预则立,不预则废。</div>
</div>
<span class="STYLE2"></span>
<div class="s7">Only you ,can take me 取西经。</div>
</body>
</html>