div+css如何让一个div块不受整体的css样式控制

html-css077

div+css如何让一个div块不受整体的css样式控制,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用css对div进行初始化,设置其内外边距都为0,并让div浮动向左。

3、在test.html文件内,创建一个div,并设置其class属性为xx,用于下面定义其css样式。

4、在test.html文件内,使用css设置类名为xx的div样式,设置其宽度、高度都为300px,背景颜色为红色。

5、在test.html文件内,在上面div的内部,再创建一个div,并设置其类名为ss。

6、在test.html文件内,使用css设置类名为ss的div样式,设置其高宽为100px,背景颜色为白色,上边距为100px,左边距为100px。

把下面的所有元素放进一个div容器里,然后单独设置这个容器的背景颜色,那么里面的元素背景颜色就会受到这个容器影响,而不会和全局定义的一样了

<style>     .box{         background:white      } </style> <div class='box'>

<div id='m1' class='mm2'>

<ul>...</ul>

<table>...</table>

</div>

</div>

//里面有影响DIV的代码。比如 

<link rel="stylesheet" type="text/css" href="css.css">

//此文件里 .DIV{ display:inline}

//你在A页面引用了改样式,所有div都会改变

//那么你可以在A页面

<style>

.div{

display:inline-table

}

</style>

//这样就改变了

这是个简单的例子。看你具体是怎样的