《HTML5+CSS3响应式Web开发》课件——2.字体属性的样式应用.pptxVIP

项目导入

font-family属性font-style属性?font-weight属性font-variant属性font-size属性简写字体属性、服务器字体

font-family属性

font-family属性语法格式选择器{font-family:字体名称;}

font-family属性

font-style属性

font-style属性语法格式选择器{font-style:normal|italic|oblique;}

font-style属性

font-weight属性

font-weight属性语法格式选择器{font-weight:normal|bold;}

font-weight属性

font-variant属性

语法格式font-variant属性选择器{font-variant:normal|small-caps;}

font-variant属性

font-size属性?

font-size属性?语法格式选择器{font-size:px|em|%|vw;}

font-size属性?

简写字体属性

简写字体属性语法格式font:font-stylefont-variantfont-weightfont-size/line-heightfont-family

简写字体属性

服务器字体

服务器字体语法格式@font-face{???????font-family:name;????????src:url()format();????????}

服务器字体

小结

试一试分析山东科技职业学院官网首页内/index.htm和咖啡商城首页页脚的字体属性设置并参考编写