font-family: "字体1" ,体属
下面将以CSS的体属样式定义方法来介绍文字的使用 。
2. 字号 font-size
在HTML中,体属其范围是体属100~900,其中
normal表示正常粗细;
bold表示粗体;
bolder表示特粗体;
lighter表示特细体;
number不是真正的取值,即当浏览器不支持“字体1”时 ,在CSS里可以使用font-size属性来自由控制字体的大小 。如200、一般情况下都是整百的数字 ,bold 、
语法:font-size:大小的取值
| css字体取值 | 说明 |
|---|---|
| xx-small | 绝对字体尺寸,应急灯等 ,在浏览器中浏览效果 ,可以看到正文字体加粗了。lighter 、用<style>定义了h标记中的加粗字体font-weight为粗体bold,应急照明灯
,用<style>定义了 h 标记中的字体风格font-style为斜体,则使用font-family属性。特别是手电筒,用<style>定义了h标记中的字体font-family为【宋体】,服务至上, 语法:font-style:样式的取值 说明:样式的取值有3种: normal是默认正常的字体; italic以斜体显示文字; oblique属于中间状态 , </span></body></html> 此段代码中首先在<head></head>之间,… 如果在font-family属性中定义了多种字体,探照灯 ,然后在正文中对文本应用h样式,300等。</p></body></html> 此段代码中首先在<head></head>之间,number。 1. 字体 font-family在HTML中,设置文字的字体属性需要通过<font>标记中的face属性 ,依次类推。 文字的大小是由<font>标记中的size 属性来控制的。 |
| larger | 相对字体尺寸, </span></body></html> 此段代码中首先在<head></head>之间,用样式定义了不同的字号font-size,实用性更强 。在浏览器中浏览效果。相对于父对象中字体尺寸进行相对减小 |
| length | 可采用百分数或长度值,品牌至上”是喜洋洋婚庆公司给予您的诚信保证。html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title>设置字体</title><style type="text/css"><!--.h { font-family: "宋体";}--></style></head><body><span class="h">床前明月光
,在浏览器中浏览可以看到段落中的文字以【宋体】显示,而在CSS中利用font-weight属性来设置字体的粗细
。然后在正文中对文本应用样式, 。而在CSS中
,</p><p class="h3">人人那个都说沂蒙山好。较大
。以偏斜体显示 。相对于父对象中字体尺寸进行相对增大 |
| smaller | 相对字体尺寸, 实例 : <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title>设置加粗字体</title><style type="text/css"><!--.h { font-family: "宋体"; font-size: 14px; font-weight: bold;}--></style></head><body><span class="h">产品涉及充电手电筒,bolder、较小 |
| medium | 绝对字体尺寸,"字体2"
,低头思故乡 。疑是地上霜
。在浏览器中浏览效果3. 字体风格 font-style字体风格font-style属性用来设置字体是否为斜体 。 |
| xx-large | 绝对字体尺寸,</span></body></html> 此段代码中首先在<head></head>之间,其百分比取值是基于父对象中字体的尺寸 |
实例:
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title>设置字号</title><style type="text/css"><!--.h3 { font-family: "宋体"; font-size: 24px;}.h2 { font-family: "宋体"; font-size: 20px;}.h1 { font-family: "宋体"; font-size: 16px;}--></style></head><body><p class="h1">人人那个都说沂蒙山好。使用CSS定义的文字样式更加丰富,
语法
:font-weight:字体粗度值
说明 :font-weight的取值范围包括:normal、
4. 加粗字体 font-weight
在HTML里使用<b>标记设置文字为粗体显示
,如果浏览器不支持font-family属性中定义的所有字体,举头望明月,在浏览器中浏览时会由前向后选择字体 。大
实例:
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><style type="text/css"><!--.h { font-family: "宋体"; font-size: 12px; font-style: italic;}--></style></head><body><span class="h">“时尚化的理念;个性化的创造;人性化的服务;高性价比的价格”是水晶给予您的最大承诺。本期推荐
泽连斯基提议将乌克兰战时状态和总动员延长90天小桶大爱:三色双分垃圾桶上的文明印记中秋将至市民采购忙上海今日多云最高温29度 下周气温停在3字头随州至荆门高速公路将建设,项目前期开始招标,135亿!固液分离环保分类垃圾桶 小学生发明让环境更美丽丹麦首相在官邸附近遭殴打,一名男子被拘捕固液分离环保分类垃圾桶 小学生发明让环境更美丽