前端打卡第九天

1.层叠顺序 z-index

值越打，越靠上，可以取负值

不带单位

没有设置z-index时，最后写的对象优先显示在上层

注意：想让z-index生效，必须要有定位属性

2.透明

1.background：rgba （255，255，255，0.5）

a指的透明度，取值是0-1，点前面的0可以省略不写

只透明背景，不透明文字

2.

opacity：取值是0-1，不加单位 （ie8及以下）

filter：alpha（opacity=50）取值是0-100 （谷歌） 值越低，更加透明

3.锚点（锚记）

主要是用来实现同一个页面内不同位置的跳转

制作锚点：
1.<a href="#自己取的锚点的名字"></a>

2.在需要跳转的地方用id调用自己取的锚点的名字

4.宽度自适应

宽度不写

width：100%；（百分百指的是父元素的百分比）

如果是块元素，宽写100%，和width不写，结果都是一样是

宽百分百写和不写的区别：

width：100%+左右的border+左右的padding+左右的margin

width不写（包含border+padding+margin）

内联块元素width不写为0，如果有内容就是内容撑开的宽度，识别width

内联元素width不写为0，如果有内容就是内容撑开的宽度，不识别width

5.高度自适应

高度height不写，让内容撑开它的高度

高度的单位不用px，用相对单位，比如%

如果希望相对于窗口的话，默认情况下，height用%是不生效的，需要给    body,html{height:100%;}

6.vertical-height：middle属性失效

1.图片使用该属性失效时，可以给父元素增加一个行高等于父元素的高度，即在父元素中添加

line-height：父元素高度

2.图片同时添加float和vertical-height：middle属性时，vertical-hieght：middle属性会失效，可以给父元素再添加一个父元素，让父元素取浮动