url('其他的css文件')
想引入几个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因为没有位置就自动去了第二行,让它独占一行,就可以实现这个效果。
以上,希望对你有帮助。