盒子阴影
- box-shadow默认是外阴影，如果设置了inside就变成了内阴影
- box-shadow:x轴距离 y轴距离 模糊半径的大小 模糊的颜色；
ul li的样式list-style-type:
list-style-type: none;/去除点效果/ list-style-type: circle;/点设置为空心圆/ list-style-type: decimal;/点设置为数字/ list-style-type: disc;/设置点为实心圆/默认样式/ list-style-type: disclosure-closed;/设置点为树形图的关闭箭头/ list-style-type: disclosure-open;/设置点为树形图打开箭头/
背景属性background-size：
background-size: lenght;/设置背景图片高度和宽度。第一个值设置宽度，第二个值设置高度，如果只设置一个值，那么第二个值就是auto自动/ background-size: percentage;/将计算相对于背景定位区域的百分比。设置同上/ background-size: cover;/此时会保持图像的丛横比例，并将图像缩放完成将完全覆盖背景定位区域的最小大小/ background-size: contain;/此时会保持图像的丛横比例，并将图像缩放完成将完全覆盖背景定位区域的最大大小/
线性渐变background:linear-gradient
background:linear-gradient（to top,red,green,yellow） /linear-gradient(to ‘方位’,)to后面写渐变朝向 用逗号隔开后写颜色，每个颜色都用逗号隔开/
径向渐变background: radial-gradient
background: radial-gradient(red 5%,green,yellow); /从中心向外扩散，颜色后面加空格控制颜色占用的比例，同样每个颜色用逗号隔开/
文本text-overflow属性
overflow:hidden;/溢出的内容裁剪隐藏/ white-space:nowrap;/文本不会换行，在同一行继续/ text-overflow:ellipsis;/用省略号来代表被裁剪的文本/
字体引入@font-face
@font-face { font-family: mafont;/给自己定义的字体取名字/ src: url();/引入字体链接/ }
作者：超级魔鬼筋肉人
链接：juejin.cn/post/703623…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
