持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第7天，点击查看活动详情
3.outline外轮廓
outline表示元素的外轮廓
不占用空间
默认显示在border的外面
outline相关属性有
outline-width:外轮廓的宽度
outline-style:取值跟border的样式一样，比如solid、dotted等
outline-color:外轮廓的颜色
outline: outline-width、outline-style、outline-color的简写属性，跟border用法类似
应用实例
去除a元素、input元素的focus轮廓效果
4.盒子阴影-box-shadow
box-shadow属性可以设置一个或者多个阴影
每个阴影用表示
多个阴影之间用逗号,隔开，从前到后叠加
的常见格式如下
第1个 :offset-x,水平方向的偏移，正数往右偏移
第2个 :offset-y,垂直方向的偏移，正数往下偏移
第3个 :blur-radius,模糊半径
第4个 :spread-radius,延伸半径
:阴影的颜色，如果没有设置，就跟随color属性的颜色
5.文字阴影– text-shadow
text-shadow用法类似于box-shadow，用于给文字添加阴影效果
相当于box-shadow,它没有spread-radius的值;
补充：行内非替换元素特殊性
6.CSS属性--boox-sizing
box-sizing用来设置盒子模型中宽高的行为
只能设置内容的宽高
content-box
padding、border都布置在width、height外边
border-box
padding、border都布置在width、height里边
7.CSS属性--背景
background-image
会盖在(不是覆盖)background-color的上面
如果设置了多张图片
设置的第一张图片将显示在最上面，其他图片按顺序层叠在下面
注意:如果设置了背景图片后，元素没有具体的宽高，背景图片是不会显示出来的
background-size
background-size用于设置背景图片的大小
auto:默认值,以背景图本身大小显示
cover:缩放背景图，以完全覆盖铺满元素,可能背景图片部分看不见
contain:缩放背景图、宽度或者高度铺满元素，但是图片保持宽高比
:百分比，相对于背景区(background positioning area)
length:具体的大小，比如100px
background-position
background-position用于设置背景图片在水平、垂直方向上的具体位置
可以设置具体的数值 比如20px 30px;
水平方向还可以设值: left、center、right
垂直方向还可以设值: top、center、bottom
如果只设置了1个方向，另一个方向默认是center
background-attachment
background-attachment决定背景图像的位置是在视口内固定，或者随着包含它的区块滚动。
可以设置以下3个值:
scroll:此关键健属性值表示背景相对于元素本身固定，而不是随着它的内容滚动
local:此关键属性值表示背景相对于元素的内容固定。如果一个元素拥有滚动机制，背景将会随着元素的内容滚动.
fixed:此关键属性值表示背景相对于视口固定。即使一个元素拥有滚动机制，背景也不会随着元素的内容滚动。
background
background是一系列背景相关属性的简写属性
background-size可以省略，如果不省略，/background-size必须紧跟在background-position的后面
其他属性也都可以省略，而且顺序任意
