CSS3 总结(一)——字体属性(Font)

字体属性(Font)

属性 描述
font-size font-size 属性可设置字体的尺寸。一般使用相对长度单位px(像素)。
font-family 规定元素的字体系列。可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。默认值:取决于浏览器。注意:
1.尽量使用偶数字号。一些老浏览器支持奇数会有bug。
2.各字体之间必须使用英文状态下的逗号隔开。
3.中文描述的字体需要加英文状态下的引号,英文字体一般不需要加,当需要设置英文描述的字体时,英文字体名必须位于中文字体名之前。
4.如果字体名中包含有空格、$、#等符号,则该字体名必须加引号。如:font-family:“Times New Roman”。
5.尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。
font-weight font-weight 属性设置文本的粗细。该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。默认值:normal。bold 定义粗体字符;bolder 定义更粗的字符;lighter 定义更细的字符;或100-900(必须为100的整数倍)。
font-style font-style 属性定义字体的风格。该属性设置使用斜体、倾斜或正常字体。斜体字体通常定义为字体系列中的一个单独的字体。理论上讲,用户代理可以根据正常字体计算一个斜体字体。normal: 默认值。浏览器显示一个标准的字体样式;italic:浏览器会显示一个斜体的字体样式;oblique:浏览器会显示一个倾斜的字体样式;inherit :规定应该从父元素继承字体样式。
font 简写属性在一个声明中设置所有字体属性。此属性也有第六个值:“line-height”,可设置行间距。这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。可以不设置其中的某个值,未设置的属性会使用其默认值但至少要指定字体大小(font-size)和字体系列(font-family),并且按照指定顺序添加属性。

font综合设置字体样式

常用写法
选择器{font:font-style font-weight font-size/line-height font-family;}
发布了33 篇原创文章 · 获赞 3 · 访问量 737

猜你喜欢

转载自blog.csdn.net/qq_42188457/article/details/104695175