在 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