文章目录 前言1.font-family2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结
前言
CSS 字体属性用于定义字体系列、大小、粗细和文字样式(如斜体)
1.font-family
CSS 使用 font-family属性设置文本的字体系列
<style> div { font-family: Arial, "Microsoft Yahe", "微软雅黑"; } </style> 各种字体之间必须使用英文状态下的逗号隔开一般情况下,如果有空格隔开的多个单词组成的字体,加引号最常见的几个字体: <style> body { font-family: "Microsoft Yahe", tahoma, arial, "Hiragino Sans GB"; } </style> 2.font-sizeCSS 使用 font-size属性设置字体大小
<style> div { font-size: 20px; } </style> px (像素)大小是我们网页的最常用的单位谷歌浏览器默认的文字大小为 16px 3.font-sizeCSS 使用font-weight属性设置字体的粗细
CSS 使用font-style属性设置文字样式
<style> div { font-style: normal; } </style>字体复合属性可以把以上文字样式综合来写,这样写更节约代码,诸如以上的代码可以简写为
<style> div { font: italic 700 16px 'Microsoft yahe'; } </style> 顺序:文字样式 文字粗细 文字大小 文字字体使用font属性时,必须按照上面语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开不需要设置的属性可以省略(取默认值),但必须保留font-size 和font-family属性,否则 font 属性将不起作用 6.字体属性总结
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签: #CSS基础之CSS字体属性 #使用