0%

CSS字体样式属性

1.font-size:字号大小

2.font-family:字体

常用技巧:

  1. 现在网页中普遍使用14px+。
  2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。
  3. 各种字体之间必须使用英文状态下的逗号隔开。
  4. 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
  5. 如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: “Times New Roman”;。
  6. 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。
字体名称 英文名称 Unicode 编码
宋体 SimSun \5B8B\4F53
新宋体 NSimSun \65B0\5B8B\4F53
黑体 SimHei \9ED1\4F53
微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1
楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312
隶书 LiSu \96B6\4E66
幼园 YouYuan \5E7C\5706
华文细黑 STXihei \534E\6587\7EC6\9ED1
细明体 MingLiU \7EC6\660E\4F53
新细明体 PMingLiU \65B0\7EC6\660E\4F53

font-weight:字体粗细

font-style:字体风格

font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体,其可用属性值如下:

normal:默认值,浏览器会显示标准的字体样式。

italic:浏览器会显示斜体的字体样式。

oblique:浏览器会显示倾斜的字体样式。

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

例子上手:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<style>
h2 {
font-size: 30px;
color: pink;
font-family: “Microsoft YaHei”,tahoma,arial,”Hiragino Sans GB”;
}
h4 {
color: purple;

/* font-size: 14px; 这是14号字体

font-family: “微软雅黑”;
font-style: italic; 让字体倾斜 */

/* font: italic bold 14px “微软雅黑” ; font 综合写法 更简洁 */
font: 14px “微软雅黑” ; /* 但必须保留font-size和font-family属性,否则font属性将不起作用 */
}
p {
font-size: 14px;
font-family: “\9ED1\4F53”; /* 这是unicode 黑体字体 */

}
span {
font-weight: 700; /* 字体加粗的效果 */
}
strong {
font-weight: normal; /* 让粗体变的不加粗 */
}
em {
font-style: normal; /* 让斜体变的不倾斜 */
color: green;
}
</style>
</head>
<body>
<!– 这是html 注释 ctrl + / –>
<h2>企业简介</h2>
<h4>公司由来</h4>
<p><span>北京传智播客教育科技有限公司</span>(简称传智播客)是一家专门致力于高素质软件开发人才培养的高科技公司。<strong>传智播客</strong>致力于为企业优选一流的人才的培训理念,以“学员自学入门教程,通过基础考核后进行强化培训”为招生原则,以“针对企业需求,重视基础理论建设,强化高端应用技能”为教学目标,以“高薪保证强大的资深教育团队”为教学后盾,彻底解决所有培训学员的后顾之忧,并解决用人企业难以招聘到合格人才的困扰。</p>

<h4>公司发展</h4>

<p><em>传智播客</em>为了将更优质的教育资源惠及更多学子,经过多年的教学探索及战略布局,已向着综合型职业教育集团发展,目前旗下已涵盖传智播客IT教育培训,黑马程序员训练营及博学谷三大子品牌。现直营分校已遍布北京、上海、广州、深圳、武汉、郑州、西安、哈尔滨、长沙、济南等一线城市及省会城市,并将逐步在其他省会城市开始直营分校,让学员可以离高薪更近一点。</p>

<h4>课程安排</h4>

<p>经过10年的专业积淀,<em>传智播客</em>一直专注培养Android、iOS、Java、C/C++、PHP、UI设计、游戏开发、大数据、网络营销、前端与移动开发等泛IT领域的应用工程师,并向社会输送了数10万泛IT行业的高级人才,其中90%以上的学员都在北、上、广、深等一线城市高薪就业。有效的解决了当下互联网行业飞速发展,高端人才供不应求的难题,并且带动了整个IT产业的发展。</p>

<p><em>传智播客</em>精益求精的教学品质,也赢得了学员口口相传,这也使得传智播客稳居国内IT培训的领先地位。</p>
</body>
</html>