变形函数一次只处理一个,从最左边第一个开始,一直到最后一个。从头到尾的处理顺序很重要。顺序变了,得到的结果就有可能会不同。
有多个变形函数时,每个都要设置正确,要确保全部有效。如果有一个函数是无效的,整个值都将失效。
变形通常不叠加。如果改变了元素的形态,而后再想添加一种变形,那么要在原变形基础上修改。就像你在一个地方声明了字号,又在另一个地方为元素声明了不同的字号一样,字号是不叠加的。只有其中一个字号起作用。不过动画变形除外,不管使用过渡还是真正的动画,效果是叠加的。
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的代码。比如<link rel="stylesheet" type="text/css" href="css.css">
//此文件里 .DIV{ display:inline}
//你在A页面引用了改样式,所有div都会改变
//那么你可以在A页面
<style>
.div{
display:inline-table
}
</style>
//这样就改变了
这是个简单的例子。看你具体是怎样的