CSS学習ノート----ケースモデル

2305 ワード

<strong><span style="font-size:18px;"><html>
	<head>
		<title>      </title>
		<style type="text/css">
		/*
		   *       ,           padding margin     0;   css    。
		*/
			*{
				padding:0px;
				margin:0px;
			}
		/*padding          ,margin           ,    parent padding                    </span></strong>
<strong><span style="font-size:18px;">           </span><span style="font-size:18px;"> child margin;margin padding         :margin:50px;margin-left:50px;</span></strong>
<strong><span style="font-size:18px;">		  margin:50px 50px 50px 50px;(padding  )   12        */
		/*                    ,     body margin 0px    */
			/*body{
				border:8px solid orange;
				padding:0px;
				margin:0px;
				padding-left:70px;
			}*/
			#parent{
				border:4px solid red;
				width:400px;
				height:400px;
			}
			#child{
				border:2px solid blue;
				width:200px;
				height:200px;
				padding:50px;
				margin:50px;
			}
			/* html               ,  a span, W3C           width      ,       width       ;      display:block       。   IE  ,               。*/
			/*padding      :    width height    , IE padding      weight height ,  IE       ,padding     width height 。     padding       。*/
			#star{
				margin:50px;
			}
			#star span{
				border:solid 3px green;
				width:300px;
				height:50px;
				text-align:center;
				display:block;
			}
			#feng{
				padding:30px;
			}
			#feng li{
				border:5px solid blue;
				text-align:center;
				width:200px;
				height:40px;
				list-style:none;
			}
		</style>
	</head>
	<body>
		<div id="parent">
			<div id="child">     </div>
		</div>
		<ul id="feng">
			<li>       </li>
			<li>       </li>
			<li>       </li>
			<li>       </li>
		</ul>
		<div id="star">
			<span>   </span>
			<span>   </span>
			<span>   </span>
			<span>   </span>
		</div>
	</body>
</html></span></strong>