怎样定义一个DIV里的元素的CSS样式

html-css015

怎样定义一个DIV里的元素的CSS样式,第1张

有三种常用方式:1、通过id 例:<style>#test{color:red}</style><div id="test" >test</div>

2、通过类名 例:<style>.test{color:blue}</style><div class="test" >test</div>

3、直接放在div标签里 例:<div style="color:purple" >test</div>

想要让多个div元素并列成一行,可以将div元素的float属性设置为left。但这样做还不够,应为当浏

览器的宽度小于这几个div的宽度总和时还是会有div会跑到底部,所以需要将想要并列的div元素套

在另外一个大div里,当然,这个大div宽度要大于并排div宽度的总和。这样子,就可以做到怎么变

换窗口大小时div都不会跑到下面了。

以下是具体演示步骤:

1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。

2、在body标签里添加一个大div来容纳并列的div。

3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可

4、运行效果。