大家帮我解释下这段css代码分别代表什么意思好吗?

来源:百度知道 编辑:UC知道 时间:2024/06/15 19:27:44
style="position: absolute; width: 180px; top: 55px; left: 655px; visibility: visible; z-index: 1;"

谢谢哦
这几个地方是什么意思,能否帮忙解释下,多谢!!
position: absolute;
位置:绝对
visibility: visible
是否可见:可见
z-index: 1;
所在层次:1

上面这几个地方还是不懂呀,能否通俗一些,我对CSS很不感冒

position:absolute;
位置:绝对...

我打个简单的比方...它的意思就是表示..这个元素的定位方式为绝对定位....也就是说...如果它的外层不指定任何的定位样式..那么它就是相对于页面定位..而且.当绝对定位后....它的位置不会变动....而且..不受页面任何元素位置的影响..比如..它前面还有个元素呢...绝对不会受他的影响..指定它的值是多少..它就会在哪边显示..同样..它也不会影响到其他元素的布局......而当它的父元素指定定位样式的时候..它就相对于它的父对象定位...如:目前父元素没有定位..

position:absolute;
top:20px;
left:20px;
那么..它就会在页面的左边20px..上面20px...当你改边页面的大小的时候..它不会随你的窗口变化..而移到下一层去...

每个元素都有一个默认的positon值..也就是static..就是静态定位....

visibility:visible

它就是表示.这个元素是否可见不...跟display这个属性是很相似的...

当我们指定..visibility:hidden的时候..就会隐藏这个元素.也就是我们平时不会看到这个元素..象你这种情况就会看到元素...

z-index:1
所在层次:1

它的意思就是...我打个简单的比方...你已经给这个元素绝对定位了.因为定位后..它的位置不受任何元素的影响..那么..它必定会跟某些元素的位置重合...这样就造成...这个元素上面的内容很有可能就被其他元素给遮盖掉了..因此看不到上面的内容...我们指定一个z-index:1意思就是...它在页面的高度为1..当然这个高度我们是看不到的....这样它就会在原来遮盖它的元素的上面.....它的值越大...意外着..它在的高度越高....如果指定一个z-index:2的元素...并且是和它重合的..那么...2的元素就会在它的上面盖住这个元素.

针对你补充的提问:
1.position: absolute;