站内搜索:
首页 >> 前端 >> 内容
CSS——Fonts(字体)

时间:2017/3/21 9:29:00

所有CSS字体属性

font            在一个声明中设置所有的字体属性
font-family     指定文本的字体系列
font-size       指定文本的字体大小
font-style      指定文本的字体样式
font-variant    以小型大写字体或者正常字体显示文本。
font-weight     指定字体的粗细。

字体系列

Serif          Times New Roman Georgia    Serif字体中字符在行的末端拥有额外的装饰
Sans-serif     ArialVerdana               "Sans"是指无 - 这些字体在末端没有额外的装饰
Monospace      Courier NewLucida Console  所有的等宽字符具有相同的宽度

字体样式

正常 - 正常显示文本 斜体 - 以斜体字显示的文字 倾斜的文字 - 文字向一边倾斜(和斜体非常类似,但不太支持)

字体大小

font-size 属性设置文本的大小。
1. 绝对大小:

设置一个指定大小的文本
不允许用户在所有浏览器中改变文本大小
确定了输出的物理尺寸时绝对大小很有用
2. 相对大小:1em和当前字体大小相等。在浏览器中默认的文字大小是16px
相对于周围的元素来设置大小
允许用户在浏览器中改变文字大小

 

代码示例:





CSS font-family

这一段的字体是 Times New Roman

这一段的字体是 Arial.

这是一个段落,正常。

这是一个段落,斜体。

这是一个段落,斜体。

This is heading 1

This is heading 2

This is a paragraph.

运行结果:
CSS——Fonts(字体)

  • 上一篇:CSS基础
  • 下一篇:jquery实现图片轮播_淡入淡出
  • 返回顶部