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>