<link rel=stylesheet href="style.css" type="text/css">

style.css

div.hide {  display:none; }

div.block {  display:block; }

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> div contains class hide </title>
  <meta charset="UTF-8">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
 <link rel=stylesheet href="style.css" type="text/css">

<style type="text/css">
div {
    width:140px;
    height:140px;
    margin:5px;
    background:#aaa;
    border:#000 1px solid;
    float:left;
    font-size:20px;
}
div.mini { 
    width:55px;
    height:55px;
    background-color: #aaa;
    font-size:6px;
}
</style>

<div>
div contains class mini
    <div class="mini">
        mini
    </div>
</div>
<div>
div contains class hide
    <div class="hide">
        hide
    </div>    
</div>
<div>
div contains class block
    <div class="block">
        block
    </div>    
</div>
 </body>
</html>

 

posted @ 2017-10-18 14:02  sky20080101  阅读(672)  评论(0)    收藏  举报