CSS3新增了一个什么属性,用于定义服务器字体?

html-css06

CSS3新增了一个什么属性,用于定义服务器字体?,第1张

CSS3 @font-face 规则

在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。

通过 CSS3,web 设计师可以使用他们喜欢的任意字体。

当您找到或购买到希望使用的字体时,可将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。

实例:

<style>

@font-face

{

font-family: myFirstFont

src: url('/example/css3/Sansation_Light.ttf')

,url('/example/css3/Sansation_Light.eot')/* IE9+ */

}

div

{

font-family:myFirstFont

}

</style>

1、背景属性

语法: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