<div id="css名">
</div>
这种css定义方法：
#css名{
}
一般说三种：1，内联样式
内联样式是直接在html标签上定义该标签的css样式，如：
<div style="width:100pxheight:100px"></div>
2，内部样式
内部样式是写在html文件中，且包含在<style></style>代码块中，style写在head里面如：
<style>
div{width:100pxheight:1000px}
</style>
<div></div>
3，外部样式
外部样式是通过在html中引用外部css文件来控制样式，如：
html文件中写入引用语句：
<link href="css文件路径" rel="stylesheet" media="screen" />
我觉得可能加入第4种：
通过js动态加载。
<div style="width:980px height:540px background:#999 padding:30px 10px"><div style="width:980px height:540px background:#bbb">
<div style="width:290px height:540px float:left background:#aaa">图</div>
<div style="width:400px height:600px float:left">
<div style="width:400px height:90px background:#111">文体1</div>
<div style="width:400px height:90px background:#222">文体2</div>
<div style="width:400px height:90px background:#333">文体3</div>
<div style="width:400px height:90px background:#444">文体4</div>
<div style="width:400px height:90px background:#555">文体5</div>
<div style="width:400px height:90px background:#666">文体6</div>
</div>
<div style="width:290px height:540px float:left">
<div style="width:290px height:270px background:#777">图tb</div>
<div style="width:290px height:270px background:#888">图tc</div>
</div>
</div>
</div>
写的比较简单，不懂的可以再问，希望采纳~
