语法：background-clip：border-box/padding-box/conter-box
说明：在css2中，背景的显示范围是指内部补白之内的范围，不包括边框；
而在css2.1乃至css3中，背景的显示范围是指包括边框在内的范围。在css3
中，可以使用background-clip来修改背景的显示范围，如果将background-clip
的属性值设定为border，则背景范围包括边框，如果设定为padding，则不包括
边框。
border-box：背景被裁剪到边框盒
padding-box：背景被裁剪到内边距框
content-box；背景被裁剪到内容框
语法：background-origin：border-box/padding-box/conter-box
是@font-face，语法如下： @font-face {[ font-family: <family-name> ] ||
[ src: [ <url> [ format(<string>#) ]? | <font-face-name> ]# ] ||
[ unicode-range: <urange># ] ||
[ font-variant: <font-variant> ] ||
[ font-feature-settings: normal | <feature-tag-value># ] ||
[ font-variation-settings: normal | [ <string> <number>] # ||
[ font-stretch: <font-stretch> ] ||
[ font-weight: <weight> ] ||
[ font-style: <style> ]
}
<family-name>就是家族体系名称，例如sans-serif无衬线字体。
取值font-family 这里指定的字体名字将会被用于font或font-family属性，在元素的使用字体的字体名称就是这里设定的。
src 远程字体文件位置的URL或者用户计算机上的字体名称， 可以使用local语法通过名称指定用户的本地计算机上的字体( 例如src: local('Arial'))。 如果找不到该字体，将会尝试其他来源，直到找到它。
font-variant 字态
font-stretch 字体描边.
font-weight 字重
font-style 对于src所指字体的描述。如果所需字体符合描述，则采用本font-face所定义的字体。
unicode-range在该@font-face中定义的unicode字体范围
例子：用到了用户本地字体"Helvetica Neue Bold"的备份；如果当前用户(浏览器)未安装该字体(两种可能的字体名都已经试过)，就会用下载的字体"MgOpenModernaBold.ttf"来代替：
@font-face {font-family: MyHelvetica
src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"), url(MgOpenModernaBold.ttf)
font-weight: bold
}
css使用font-family定义字体，https://www.apiref.com/css-zh/properties/font/index.htm，定义方法请查看css手册。
