想引入几个CSS文件就用几个@import url
注意路径的的书写
首页需要两个CSS文件index.css和common.css
就在index.css的首行写入(两个CSS文件在同一个目录下)
@import url('common.css')
这样只需要在首页链接一个index.css文件就可以了。
上面为效果图，用ul、li的方法详细写法：
css代码：
.demoBox {
width:204px
}
.demoBox li {
float: left
width:100px
border: 1px solid #999
}
.demoBox li.demoLi {
width: 202px
}
html代码：
<ul class="demoBox">
<li>1</li>
<li>2</li>
<li class="demoLi">3</li>
</ul>
总体思路就是利用宽度和浮动来实现，给ul一个固定的宽度，第一行显示的li平分这个宽度，后面的li因为没有位置就自动去了第二行，让它独占一行，就可以实现这个效果。
以上，希望对你有帮助。
colspan的作用是指定单元格横向跨越的行数。rowspan的作用是指定单元格纵向跨越的行数。
都是要直接加在tr th td上面的
<table border= "1 " width= "200 " >
<tr>
<td colspan="4" >ss
</td>
</tr>
<tr>
<td width= "25% "> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
</tr>
<tr>
<td width= "25% "rowspan="2"> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
</tr>
<tr>
<td width= "25% "> </td>
<td width= "25% " rowspan="3"> </td>
<td width= "25% "> </td>
</tr>
<tr>
<td width= "25% " colspan="2" > </td>
<td width= "25% "> </td>
</tr>
<tr>
<td width= "25% "> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
</tr>
</table>
