CSSの6+1簡単な応用

1754 ワード

/*     */
p
{
	font-size : 100px;
	color     : green;
}
/*id   */
#x{
	font-size : 60px;
	color:      red;
}

/*    */
.myclass{
	font-size : 40px;
	color:      green;
}

/*     */
p.myclass1
{
	font-size: 250 px;
}

/*     */
#y , .myclass1{
	font-size : 70px;
	color:      gray;
}

/*     */
table td
{
   font-size : 20px;
   color:      blue;
}

/*     */
a:link{
	color:white;
}
a:active{
	color:red;
}
a:visited{
	color:blue;
}
a:hover{
	color:gray;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test6.html</title>
	

    <link rel="stylesheet" href="css/mycss.css" type="text/css"></link></head>
  
  <body>
    
    <p>     </p>
    <p id="x">  id       </p>
    
    <p class="myclass">          </p>
    
    <p class="myclass1">           </p>
    
     <p id="y">           </p>
     
     <table>
       <tr>
         <td>           </td>
       </tr>
     </table>
     
     <a href="#">       </a>
     
     <p class="myclass1">     </p>
  </body>
</html>