-
css教程之字体属性
字体属性(相关css教程)
- 字体族科
- 字体风格
- 字体变形
- 字体加粗
- 字体大小
- 字体
语法: | font-family: [[<族科名称> | <种类族科>],]* [<族科名称> | <种类族科>] |
允许值: |
<族科名称>
|
初始值: | 由浏览器决定 |
适用于: | 所有对象 |
向下兼容: | 是 |
字体族科声明的例子如下:
P { font-family: "New Century Schoolbook", Times, serif }
留意头两个赋值指定了字体的类型: New Century Schoolbook和Times。可是,因为它们两者都是serif字体,字体族科的种类作为后备列了出来,以防系统没有两者但有另一个serif合资格的字体。
任何包含空格的字体名都必须用单引号或双引号引住。
字体族科也可以用字体属性给出。
字体风格
语法: | font-style: <值> |
允许值: | normal | italic | oblique |
初始值: | normal |
适用于: | 所有对象 |
向下兼容: | 是 |
H1 { font-style: oblique }
P { font-style: normal }
字体变形
语法: | font-variant: <值> |
允许值: | normal | small-caps |
初始值: | normal |
适用于: | 所有对象 |
向下兼容: | 是 |
SPAN { font-variant: small-caps }
字体加粗
语法: | font-weight: <值> |
允许值: | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
初始值: | normal |
适用于: | 所有对象 |
向下兼容: | 是 |
注意: 因为不是所有的字体都有九个有效的加粗显示,一些加粗的会在指定下组合。如果指定的加粗无效,会按以下原则选择:
- 500 会被 400代替,反之亦是
- 100-300 会被指定为下一较细的加粗,如果有的话,否则就是下一较粗的加粗
- 600-900 会被指定为下一较粗的加粗,如果有的话,否则就是下一较细的加粗
H1 { font-weight: 800 }
P { font-weight: normal }
字体大小
语法: | font-size: <绝对大小> | <相对大小> | <长度> | <百分比> |
允许值: |
|
初始值: | medium |
适用于: | 所有对象 |
向下兼容: | 是 |
一些大小指定的定义如下:
H1 { font-size: large }
P { font-size: 12pt }
LI { font-size: 90% }
STRONG { font-size: larger }
网页制作者需要清楚Microsoft Internet Explorer 3.x 会错误地将em 和ex单位当作像素,这很可能会令到使用了这些单位的文本不可读。浏览器还会错误地将百分比值视为相对于选中部分的缺省字体大小,而不是上级元素的字体大小。这种做法像
H1 { font-size: 200% }
这是危险的,其大小将被视为IE的一级标题的缺省字体大小的两倍,而不是两倍于上级元素的字体大小。在这种情况中,BODY 通常会被视为上级元素,而且很可能定义一个medium的字体大小,然而,在IE中一级标题的缺省字体大小可能被认为是xx-large。
注意到了这些错误后,网页制作者在使用字体大小属性时,应该小心使用百分比的值,而且应该尽量避免使用em和ex这两个单位。
字体
语法: | font: <值> |
允许值: | [ <字体风格> || <字体变形> || <字体加粗> ]? <字体大小> [ / <行高> ]? <字体族科> |
初始值: | 未定义 |
适用于: | 所有对象 |
向下兼容: | 是 |
P { font: italic bold 12pt/14pt Times, serif }
指定该段为bold(粗体)和italic(斜体)Times或serif字体,12点大小,行高为14点。
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比
一款纯 JS 实现的轻量化图片编辑器
关于开发 VS Code 插件遇到的 workbench.scm.
前端设计模式——观察者模式
前端设计模式——中介者模式
创建型-原型模式