CSS 层级

html-css05

CSS 层级,第1张

层级 Z-index

特点:

1、有定位属性的元素谁在上面,比的是Z-index值,谁的值大,谁就在上面

2、有定位属性的元素默认层级是0,如果层级一样,则后来者居上。

3、只有 有定位属性的元素才有层级的概念

4、只有亲兄弟元素才能比较层级

例子:

比较前

比较后

比较后为什么还是y在上面吗?不是y先进行定位的吗?

其实这个跟那个元素先定位没有关系,只跟你定义元素的先后有关系,

虽然你CSS没有写定位,可是层级是默认的

把x的层级定为2之后 请看效果

一般你这种自动换行是因为宽度不够引起的,dw设计视图预览窗口解析引擎和其他浏览器不一样,就像ie、火狐、谷歌、欧朋等浏览器引擎不一样是一个意思,所以还是要以各个浏览器显示效果标准为目标,不要看dw显示效果。当然,如果你css写的规范,显示效果也是一样的。

另外,背景图铺满要用到一个css3属性 background-size:100% 100%但是这样强制拉升会让背景图变形。

css 是网页的样式,层是css应用的一种,

css+div 这个是xhtml

他有一个z-index如果有这个的话,就是层了,

如果没有这个,建起来的就是xhtml 技术