【CSS】--- 知识补充

补充

一、兄弟选择器

• h1+p{} 紧邻h1后边的元素

二、同级选择器

• h1~p{} 统计元素（h1后边的）

三、a标签伪类

• a:link 访问前
• a:visited 访问后
• a:hover 鼠标覆盖
• a:active 左键按下

四、文字特效

• 文本描边

-webkit-text-stroke：1px red

• 文本填充色

-webkit-text-fill-color：red

五、阴影

• box-shadow

box-shadow：1px 1px 5px red
box-shadow：横向 纵向 模糊距离 颜色

• text-shadow 同上

六、background

• background-clip 将背景图片做适当的剪裁
• background-orgin 决定图片的原始位置
• 三个值： border-box、 padding-box、 content-box
• 注意：
  ① content-box是默认值
  ② 图片默认从border覆盖区域显示（可将border设置为透明色即可显示）

七、蒙版

• mask-image
• 兼容 -webkit- -moz-