css用transform变形后如何让里面的标签不受影响

html-css035

css用transform变形后如何让里面的标签不受影响,第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的代码。比如 

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

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

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

//那么你可以在A页面

<style>

.div{

display:inline-table

}

</style>

//这样就改变了

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