以"#"开头的成为id选择器，在程序中用id="id名称"调用；以"."开头的成为类别选择器，在程序中使用class="类别名称"调用；二者实现效果一样，只是在不同情况下按需选择。此外还有标记选择器和行内样式两种css样式。
常用选项解释：padding表示内边距；margin表示外边距；float表示浮动属性（设置该属性后可实现图文混排）；background-image表示背景图片；background-repeat表示是否允许背景重复；border表示边框；text-align表示文本水平居中显示。
padding:10px 0px 0px 0px从上开始表示顺时针内边距分别为10px，0px，0px，0px。margin和border的用法与padding类似，可以类推；
border-bottom:1px solid #CAEFC4表示下边框为1px实线颜色为#CAEFC4。其他各边以此类推。
差不多了吧，呵呵，祝你好运！
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>例子</title>
<style type="text/css">
.big {
width: 500px
height: 250px
position: relative
margin: 50px
border: 2px solid black
}
.small {
width: 200px
position: absolute
right: 0
top: 50px
}
.small .con {
border: 2px solid black
border-right: none
width: 100%
height: 100px
}
.btn {
background: none
border: 2px solid black
margin: 10px 20px 10px 0
}
</style>
</head>
<body>
<div class="big">
<div class="small">
<div class="con"></div>
<button class="btn">按钮</button>
<button class="btn">按钮</button>
</div>
</div>
</body>
</html>
方法很多，这是其中之一，用的定位。除此之外还可以用浮动。
