CSS_02_font属性

CSS字体样式属性

---

font-size:字号大小

---

一般用px来设置字号大小，表示字体像素。也可以使用in英寸、cm厘米、mm毫米等。

<style>
  h1 {
    font-size: 12px;
  }
</style>

网页文本字体一般为12px，标题为14px。

font-family:字体

---

网页中常用的字体宋体、微软雅黑、黑体等。

<style>
  p {
      font-family: "娃娃体-简";
  }
  h1 {
      font-family: Hei;
  }
  /* 兼容性
  不同电脑里面体字体不一样，为了保证样式效果，可以设置的多个字体样式*/
  span {
    font-family: cursive,serif,"微软雅黑";
  }
</style>

字体名为中文时，必须加"",格式为："宋体"；英文字体不用加双引号。多个字体之间用,隔开。尽量使用默认默认字体。英文字体必须在中文字体前。

字体设置中可以使用Unicode编码，可以提高网页字体的兼容性。格式"\5B8B\4F53"。

字体名称	英文名称	Unicode编码
宋体	Simsun	\5B8B\4F53
微软雅黑	Micorsoft YaHei	\5FAE\8F6F\96C5\8ED1

font-weight:字体加粗

---

字体加粗除了<b>和<strong>之外，可以用CSS来实现，但是没有语义。

值	描述
normal	默认值。定义标准的字符。
bold	粗体
bolder	加粗
lighter	细体
number	100~900(数值为整百)，由细到粗

使用数值定义时，400等于normal,700等于bold。

font-style:字体风格

---

值	描述
normal	默认值。显示浏览器的默认样式
italic	显示一个斜体的字体样式，也可以通过<em>和<i>标签来实现斜体样式

平时很少给文字加斜体，反而将<em>或者<i>标签的内容改为普通样式。

font:综合设定样式

设置font-style->font-weight->font-size->font-famliy，顺序不能改变，其中font-size和font-famliy是不能省略的，必须设置，否则font将不起作用。

  选择器 { font:font-style font-weight font-size/line-height font-family;}