如何 在DIV 里面镶嵌CSS

html-css09

如何 在DIV 里面镶嵌CSS,第1张

DIV 里面镶嵌CSS?有这种做法吗？但在div使用css就行，方法一：

<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>

写的比较简单，不懂的可以再问，希望采纳~