CSS文字文本样式总结

• 应用

使用css字体样式完成对字体的设置
使用css外观属性给页面元素添加样式
使用常用的emment语法
能够使用开发人员工具代码调试

font字体

font-size：大小

• 作用：

font-size属性用于设置字体大小

p {
	font-size:20px;
}
1
2
3

注意：

• 我们文字大小以后，基本就用px了，其他单位很少使用
• 谷歌浏览器默认的字体大小为16px
• 但是不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小。

	
	
	
	


	
我是胡萝卜


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

font-family:字体

• 作用：
  font-family属性用于设置哪一种字体

p{font-family:“微软雅黑”}

• 网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑
• 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一种字体，则会尝试下一个，直到找到合适的字体。

p{font-family:Arial,“Microsoft Yahei”,“微软雅黑”}
字体也可以使用unicode编码来写

font-weight:字体粗细

• 在html中如何将字体加粗，我们可以用标签来实现
  使用b和strong标签是文本加粗
• 可以使用CSS来实现，但是CSS是没有语义的
  

font-style:字体风格

• 在html中如何将字体倾斜，我们可以用标签来实现
  字体倾斜可以用i和em标签实现
• 可以使用CSS来实现，但是CSS是没有语义的
  font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下：

p{font-style:normal;}

小技巧：

平时我们很少给文字加斜体，反而喜欢给斜体标签（em，i）改为普通模式

font:综合设置字体样式（重点）

font属性用于对字体样式进行综合设置

• 基本语法格式如下：

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

• 注意：
  使用font属性时，必须按照上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。
  其中不需要设置的属性可以省略（取默认值），单必须保留font-size和font-family属性，否则font属性将不起作用。

font总结