1.font-size:字号大小
2.font-family:字体
常用技巧:
- 现在网页中普遍使用14px+。
- 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。
- 各种字体之间必须使用英文状态下的逗号隔开。
- 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
- 如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: “Times New Roman”;。
- 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。
字体名称 |
英文名称 |
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: 14px “微软雅黑” ; } p { font-size: 14px; font-family: “\9ED1\4F53”;
} 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>
|