css 二

无css情况下用表格做页面布局的缺陷、

1、嵌套层级太多，一旦出现嵌套顺序错乱，整个页面达不到预期效果

2、采用表格布局，页面不够灵活，动其中一块整个表格布局的结构全部要变。

CSS概述：Cascading Style Sheets：层叠样式表

主要作用，用于美化HTML页面

选择器：帮我们找到要修饰的标签

溢出（窗口缩小自动隐藏超出部分）

overflow：hidden

wite-space：

定位：position

内联元素只要经过定位就支持宽高

绝对定位：absolute 父级没有定位时，相对文档定位，脱离文档流，提升层级（如果有父级定位时，子级元素的所有绝对定位都是针对父级在定位）

相对定位：relative 相对于自己的定位，不脱离文档流，提升层级（占文档流不挡位置，一般父级使用相对定位）

固定定位：fixed 针对窗口定位，脱离文档流，提升层级

没有定位：static（基本不使用）

只要有定位，就可以使用扩展样式：left right top bottom，

z方向提升层级

z-index：5；向上提升5个层级（正数向上，负数向下）

透明度

opacity: 0.4；

透明度的使用问题：会带着内容一起透明化

溢出

overflow：auto

hidden