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>