a链接样式:
a:link: 未访问时链接的状态;
a:visited 访问后链接的状态;
a:hover 鼠标经过、悬停时链接的状态;
a:active 鼠标单击不动时的链接的状态;
text-decoration:none; 清除链接默认的下划线;
box-shadow: 像素值1,
像素值2,
像素值3,
像素值4,颜色值,阴影类型;
像素值1:元素水平阴影位置,
像素值2:元素垂直阴影位置;
像素值3:阴影模糊半径
像素值4:阴影拓展半径;
颜色值:阴影颜色;
阴影类型:内阴影(insert)/外阴影(默认)
RGBA模式:
新的颜色的延伸;
使用:rgba(r,g,b,alpha);在红、绿、蓝三原色基础上添加了不透明度参数;alpha是介于0.0~1.0之间的数字;
opacity:0.0~1.0之间的数字;可以是任何元素呈现透明效果;
线性渐变:
background-image:linear-gradient(渐变角度,颜色值1、、、);
径向渐变:
background-image:radial-gradient(渐变形状 圆心位置,颜色值1、、、)
渐变形状:1、像素比:定义形状的水平和垂直半径,如“80px 50px”表示水平半径为80px,垂直半径为50的椭圆形;
2、circle :指定圆形的径向渐变;
3、ellipse:指定椭圆形的径向渐变;
重复线性渐变:
background-image:repeating-linear-gradient(渐变角度,颜色值1、、、)
/*重复线性渐变,角度,从哪个颜色开始,从哪个比例值开始*/
background-image
:
repeating-linear-gradient
(
90
deg
,
red
,
#0f0
50
%
,
#00f
100
%
重复径向渐变:
background-image:repeating-radial-gradient(
渐变形状 圆心位置,颜色值1、、、
)
overflow:
当盒子内的元素超过盒子自身大小时,内容就会溢出,规范溢出内容的显示方式,需要使用overflow属性;
visible:内容不会被修剪,会呈现在元素框之外(默认值);
hidden:溢出内容会被修剪,并且被修剪内容时不可见的;
auto:在需要时产生滚动条,即自适应所要显示的内容;
scroll:溢出内容会被修剪,且浏览器会始终显示滚动条;