CSS入门09

• 定位元素的z轴堆叠顺序 z-index
  • 值为数字无单位，可为正值，也可为负值
  • z-index仅对定位元素起作用，值越大，元素越在上
• 遮罩层效果
  • 可通过ul来实现
    • ul相关属性
      • list-style-type:disc实心圆/circle空心圆/squre实心方块/none无样式
      • list-style-position:outside标记在文本外侧/inside标记在文本内侧
      • list-style-image:url();自定义标记样式，可引入图片
  • transition: ns;定义n秒的过度，防止转变太突然，影响呈现效果
  • 在li内设置遮罩层.mask，
    • 通过rgba()设置遮罩层的透明度
    • 通过设置mask的top、left的值确定遮罩层从哪个方向出现
    • 对li设置overflow: hidden;隐藏遮罩层
    • 对li设置hover，触发遮罩层出现