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

html-css024

怎样定义一个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>

要看你用什么标签，如果是行内元素标签的话就直接会横排的

例：（不用样式就是横排的）

<span>AAAAAAA</span>

<span>BBBBBBB</span>

<span>CCCCCCC</span>

<span>DDDDDDD</span>

如果是块级元素，例：

<p>AAAAA</p>

<p>BBBBB</p>

<p>CCCCC</p>

<p>DDDDD</p>

直接给所有p｛float:left｝就可以变成横的