DIV CSS 字体颜色
css 字体颜色(css color)
DIV CSS 字体颜色 字体颜色\css color 知识实例讲解
在 DIV+CSS 网页中控制字体颜色的 CSS 单词为 color:+颜色值。
这里 DIVCSS5 详细为大家介绍 CSS 字体颜色 color 的运用(div color)CSS 颜色。
目录
1. 2. 3. CSS 字体颜色 color 基础 CSS 字体颜色控制实例 CSS 超链接的字体颜色控制
1、CSS 字体颜色 color 基础 、
-
TOP
在 HTML 控制字体颜色 color="#0000FF"，实例： <font color="#0000FF">我的颜色为蓝色#0000FF</font> 示图：
说明：根据以上实例可知道原始的 html 字体颜色控制使用<font color="#0000FF"></font>,而 color 为颜色、#0000FF 则是对于颜色编码 值
在 CSS 字体颜色(CSS color)控制，则为 color:+颜色编码值如：color:#F00;
2、CSS 字体颜色控制实例 、
CSS 代码：.divcss5{ color:#F00;}
-
TOP
HTML 代码：<div class="divcss5">我的颜色 CSS 控制为红色#F00</div>
示图：
说明：根据以上示例说明通过 CSS 控制字体颜色代码为 color:+颜色编码值
此实例完整的 DIV+CSS 代码：
<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>DIVCSS5 对 CSS 颜色实例演示</title> <style> .divcss5{ color:#F00;} /* #F00 为红色 示例 */ </style> </head> <body> <font color="#0000FF">我的颜色为蓝色#0000FF</font> <br /><br /> <div class="divcss5">我的颜色 CSS 控制为红色#F00</div> </body> </html>
以上为完整的 CSS 字体颜色实例，包括了原始的 HTML 控制字体颜色和 DIV CSS 控制字体颜色。
3、CSS 超链接的字体颜色控制 、
首先我们认识下 CSS 超链接基础 a:active 是超级链接的初始状态 a:hover 是把鼠标放上去时的状况 a:link 是鼠标点击时
-
TOP
a:visited 是访问过后的情况 这几个 CSS 样式一般情况下是默认的。
那 CSS 控制超链接的字体颜色 CSS color 是怎么实现的呢？ 很简单和上面第 2 点的实例相同，唯一区别在于设置他们的对象为超链接 A 标签 CSS 样式。
实例： Css 代码： a{ color:#00F}/* 带超链接字体为蓝色 */ a:hover{ color:#F00;}/* 鼠标放到超链接字上字体颜色为红色 */ 对应 html 内容 我是<a href="">DIV CSS 教程</a>实例关于超链接字体颜色
演示结果是“DIV CSS 教程”这个被超链接的文本鼠标经过时候字体颜色为红色，鼠标未经过或鼠标未放到此超链接文字内容上时字体颜 色为蓝色。
此完整 DIV CSS 代码（包括 1、2 的实例代码）：
<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>DIVCSS5 对 CSS 颜色实例演示</title> <style> .divcss5{ color:#F00;} /* #F00 为红色 示例 */ a{ color:#00F}/* 带超链接字体为蓝色 */ a:hover{ color:#F00;}/* 鼠标放到超链接字上字体颜色为红色 */ </style> </head> <body> <font color="#0000FF">我的颜色为蓝色#0000FF</font> <br /><br /> <div class="divcss5">我的颜色 CSS 控制为红色#F00</div> <br> <br> 我是<a href="">DIV CSS 教程</a>实例关于超链接字体颜色 </body> </html>
这里就不再演示截图，大家可以拷贝以上代码，自己亲自实践实践掌握 DIV CSS 字体颜色 CSS color 知识点。
。
CSS样式更改——字体设置Font边框Border
CSS样式更改——字体设置Font边框Border 上篇⽂章主要讲述了CSS样式更改中的背景Background，这篇⽂章我们来谈谈字体设置Font&边框Border的基础⽤法。
1.字体设置Font1).字体系列<div style='font-family: sans-serif normal'></div>可⽤字体：SerifSans-serifMonospaceCursiveFantasyTimesCourier2).字体风格<div style='font-style:normal'></div>⽂本倾斜:normal ⽂本正常显⽰italic ⽂本斜体显⽰oblique ⽂本倾斜显⽰3).字体变形<div style='font-variant:small-caps'></div>normal 显⽰标准字体。
small-caps 显⽰⼩型⼤写字母的字体。
4).字体加粗<div style='font-weight:normal'></div>normal 标准的字符bold 粗体字符bolder 更粗的字符lighter 更细的字符也可以使⽤数字表⽰，范围为100~9005).字体⼤⼩<div style='font-size:60px'></div>smaller 变⼩larger 变⼤length 固定值⽽且还⽀持百分⽐2.边框Border⾸先说⼀下边框风格，它的风格⽐较多，常⽤的⼀般是实线为主：<div style='border-style:none'></div>hidden 隐藏边框dotted 点状边框dashed 虚线边框solid 实线边框double 双线边框groove 3D凹槽边框ridge 3D垄状边框inset 3D inset边框outset 3D outset边框边框也有四⾯，所以也会有上下左右所以有时候为了更精确定位并修改样式可以使⽤：border-top-style 上边框样式border-right-style 右边框样式border-bottom-style 下边框样式border-left-style 左边框样式先定义边框的宽度风格和颜⾊，然后定义边框的其它属性。
divcssRGB颜色的使用方法介绍
divcssRGB颜色的使用方法介绍
大家知道divcssRGB颜色的使用方法吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验，在此拿出来与大家分享下，请大家互相指正。
RGB颜色模型解释
RGB颜色模型就是一种描述某个颜色里面有多少红、绿、蓝三原色的量的方法，就像把水彩颜料或油彩颜料混合起来得到某种我们想要的真实色彩一样。
想象下如果你要配出一个纯蓝色，为了实现这个，你就不能把红色和绿色放进这个颜色里。
所以我们就把红、绿设置为0%，把绿设置为100%：
CSS Code复制内容到剪贴板
rgb(0%, 0%, 100%)
结果:
但如果你想要的不是蓝色而是紫红色，那该怎幺办呢?我们可以通过将100%的红和100%的蓝混合起来得到紫红色：
CSS Code复制内容到剪贴板。
HTMLCSS单选题型
HTML/CSS单选题型#father .son{ color:red;}#father p{ color:blue;}div .son{ color:yellow; }divp{ color:green;}那么，文字的颜色将显示为（） [单选题]A、红色(正确答案)B、蓝色C、黄色D、<p>绿色</p>答案解析：<p>定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。
CSS为每一种基础选择器都分配了一个权重，其中，标记选择器具有权重1，类选择器具有权重10，id选择器具有权重100。
下面，计算题目中四个选择器的权重如下：</p><p>#fater #son的权重是200</p><p>#father p 的权重是101</p><p>div .son 的权重是11</p><p>div p 的权重是2</p><p>所以，文字颜色应该以权重最高的#father #son设置的样式为准，显示为红色。
</p>若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（） [单选题]A、list.htmlB、#one.listC、list#oneD、list.html#one(正确答案)答案解析：创建锚点链接时，应该先写链接页面再写锚点名称。
下列选项中，字号最大的是哪一项？（） [单选题]A、<h1>(正确答案)B、<h2>C、<h3>D、<h4>答案解析：HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>字号依次递减。
实训4 div+css综合运用
实训4 div+css综合运用一、背景介绍在Web开发领域，div和css是两个基础、重要的概念。
div是HTML中的一个标签，用来划分网页的结构和布局；而css是一种样式表语言，用于描述HTML文档的呈现方式。
实训4中涉及到了div 和css的综合运用，旨在帮助学习者掌握这两个技术，并且能够灵活运用于实际项目中。
二、整体评估在实训4中，学习者需要通过实际操作，完成一个包含头部、导航、内容区域和底部的网页布局。
这样的任务要求对div和css的综合运用提出了很高的要求，需要考虑到页面的整体结构、样式和布局。
在评估过程中，我发现学习者需要注意以下几点：1. 结构清晰：div标签应该按照页面的结构和布局来合理地进行划分和嵌套，以确保页面结构清晰、层次分明。
2. 样式统一：css样式应该对整个页面起到统一、协调的作用，保证整体的美观和一致性。
3. 响应式布局：在综合运用中，需要考虑到不同设备上的显示效果，保证页面能够适配不同的屏幕尺寸。
4. 创新设计：除了基本的布局要求，学习者还可以通过css的特效和动画等进行创新设计，提升页面的互动性和吸引力。
三、文章撰写在本次实训4中，我们深入学习了div和css的综合运用，从理论到实践，都有了全面的了解和掌握。
通过对div的合理划分和css的样式设置，我们可以轻松实现一个精美、完善的网页布局。
在整个过程中，我对div和css的重要性有了更深的理解。
div作为网页设计中最基础的组件，它的合理划分和嵌套对于页面的结构和布局起着至关重要的作用。
通过div的灵活运用，我们可以将页面分割成不同的模块，从而更好地呈现页面内容，提高用户的浏览体验。
css则是页面样式的设计师，通过设置各种样式属性，我们可以实现页面的美化和个性化定制。
通过css的盒子模型、浮动布局、弹性布局等特性，我们可以完美定制各种不同风格的网页布局。
在综合运用的过程中，我深刻体会到了对div和css的熟练掌握意味着更自由地实现网页设计的愿景。
div的样式继承规则
div的样式继承规则
在CSS中，div元素是HTML中最常用的块级元素之一，用于定义网页中的一
个主要区域。
当我们设置div元素的样式时，可以使用一些CSS属性来改变其外观和行为。
在设置div元素的样式时，我们需要了解div元素的样式继承规则，以确
保样式表现如预期。
1. 字体属性不继承：div元素的字体属性不会继承自其父元素。
这意味着，如
果我们在父元素中设置了字体样式，例如字体大小、字体颜色等，这些样式不会自动应用到div元素上。
为了在div元素中设置字体样式，我们需要显式地在div的
样式规则中设置。
2. 边框属性部分继承：div元素继承了父元素的边框颜色和边框样式属性，但
不继承边框宽度。
这意味着，如果我们在父元素中设置了边框的颜色和样式，div
元素将继承这些设置，但我们仍然需要单独设置div元素的边框宽度。
3. 背景属性不继承：div元素的背景属性，例如背景颜色、背景图片等，在默
认情况下不会继承自其父元素。
如果我们希望div元素的背景与父元素相同，需要
显式地将背景属性设置为相同的值。
4. 外边距属性不继承：div元素的外边距属性（margin）不会继承自其父元素。
这意味着，父元素的外边距不会影响div元素的外边距。
如果我们想要设置div元
素的外边距，需要在div元素的样式规则中单独设置。
总结起来，div元素的样式继承规则较为有限。
它不会继承字体属性、背景属
性和外边距属性，仅继承部分的边框属性。
因此，在设置div元素的样式时，我们
需要单独设置这些属性，以确保样式的准确表现。
css教程之css设置字体颜色
css教程之css设置字体颜⾊font-size:18px;:设置字号color:#093:设置字⾊font-family:'宋体';:设置字体（要尽量使⽤通⽤的字体，就是⽤⼤家电脑上⼀般都有的字体，常⽤的是中⽂字体是宋体英⽂字体是arial）设置字体的时候将英⽂字体设置在前，中⽂设置在后如果想⽤⽐较特殊的字体，可以将其转换为图⽚line-height:150%;:设置⾏与⾏之间的距离font-weight:bold:设置字体的粗细（粗：bold 正常：normal）font—style:设置字体样式(normal正常，italic斜体)text-decoration:修饰⽂字(none正常，underline下划线，overline上划线，line-through删除线 blink闪烁（只⽀持IE6,7,搜狐）) letter-spacing:5px:字符间距（normal默认，length长度单位）word-spacing:5px:单词间距(normal默认，length长度单位复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="/TR/xhtml1/DTD/xhtml1-transitional.dtd">/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"><html xmlns="<a href="/1999/xhtml">/1999/xhtml</a>"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS字体控制</title><style type="text/css">body{font-size:18px; color:#093; font-family:Arial, '汉仪⾏楷简'; line-height:300%; font-weight:bold}div{width:400; height:50; background:#999; word-spacing:5em;}h1{font-weight:normal;font-style:italic; text-decoration:underline; letter-spacing:5px; word-spacing:60px;}</style></head></p> <p><body><h1>主持召开<span>院</span>会</h1><h2>设置⾏与⾏之间的距离</h2>设置⾏与⾏之间的距离<div>设置⾏与⾏之间的距离</div></body></html>。
DIV CSS文字粗体字如何实现 html文字粗体字体加粗如何设置
第3页共4页
5、css font-weight 6、css 去掉 b strong 加粗 7、css 去掉 h1 h2 h3 h4 粗体
第4页共4页
css 样式 font-weight 粗体使用案例截图
样式粗体与 html 标签粗体 加粗方式
这里我们介绍 HTML 标签和 CSS 样式实现文字粗体两种方式，大家在实 际用法时候按照需求挑选粗体样式方式。
四、相关扩展阅读 - TOP
1、html b 加粗 2、html strong 加粗 3、b 与 strong 区分 4、css 加粗
二、用法 CSS 样式实现文字粗体显示 - TOP
font-weight，值为可以为从 100 到 900，和 bold，最常用 font-weight 的值为 bold，也是全部扫瞄器均兼容。
div+css 布局中，用法 css 样式实现文字字体粗体比较多的，只需要对
2）、css 粗体语法：
对象设置一个粗体样式属性即可实现文本粗体，又称为 css 文字粗体。
粗体实现 DIVCSS5 案例 我被 strong 粗体
我是正常字体 我被 b 粗体
用法 b 标签或 strong 标签即可对文字粗体。
2）、html 粗体截图：
1、分离对应语法如下：
html 粗体标签实现文字粗体加粗
第1页共4页
1）、单词与介绍
以上是用法两种粗体标签实现 html 文字粗体，字体加粗办法，希翼大 家能灵便把握与应用。
div{font-weight:bold}
1、css 粗体样式基础
这样就让全部 div 对象内文字字体加粗
第2页共4页
2、粗体 css 案例
三、关于字体文本粗体总结 - TOP
我学习DIV+CSS
e/ne/nw/n-resize 鼠标大小 text 文字鼠标 wait 等待鼠标 help 求助鼠标 progress 过程鼠标
三、通过CSS定义图片的样式
六、CSS滤镜的应用(一般情况下用不着，在PS中处理成图片就可以了)
filter:filtername(parameters)
alpha 设置透明(enabled 是否激活 opacity finishOpacity startX startY finishX finishY)
blur 设置模糊效果(makeshadow pixelradius shadowopacity )
a:link 未被访问前的样式属性 a:hover 鼠标悬停时的样式属性 a:active 被激活的属性 a:visited 已经被访问过的样式属性
margin 外边距
padding 内边距
border 和外边框有关的效果
background-color 设置背景的颜色
font-size字体大小
line-height行高
text-decoration文本修饰(underline 下划线 overline 顶划线 line-through 删除线 blink 文本闪烁)
letter-spacing字间距
text-align对齐方式(只可以作用于p blockquqte ul h1 h6标识符里面)
glow 为对象的外边界增加光效(enabled color strength)
wave 设置对象的波纹效果(enabled add freq lightStrength phase strength)
css的练习题
css的练习题CSS（层叠样式表）是用于描述网页样式和布局的语言，通过CSS我们可以美化网页、改变元素的样式以及实现响应式布局等功能。
为了巩固和提高对CSS的理解和应用能力，以下是一些CSS练习题，希望能够帮助你进一步掌握CSS的技巧和知识。
练习题一：改变文本样式1. 创建一个HTML文件，并在里面添加一个段落元素。
2. 使用CSS将段落的字体颜色设置为红色。
3. 将段落的字体大小设置为18像素。
4. 将段落的文字设置为加粗。
5. 将段落的文字居中对齐。
练习题二：调整背景和边框样式1. 创建一个HTML文件，并在里面添加一个div元素。
2. 使用CSS将div的背景色设置为蓝色。
3. 将div的边框样式设置为实线，颜色为红色，边框宽度为2像素。
4. 将div的内边距设置为10像素。
5. 设置div的外边距为20像素。
练习题三：列表样式1. 创建一个HTML文件，并在里面添加一个无序列表。
2. 使用CSS将无序列表的项目符号改为实心圆。
3. 将无序列表的项目文本颜色设置为绿色。
4. 将无序列表的项目文本字体大小设置为14像素。
5. 将无序列表的项目文本添加下划线。
练习题四：盒模型调整1. 创建一个HTML文件，并在里面添加一个div元素。
2. 使用CSS将div的宽度设置为300像素，高度设置为150像素。
3. 将div的内边距设置为20像素。
4. 将div的边框样式设置为虚线，颜色为灰色，边框宽度为1像素。
5. 设置div的外边距为30像素。
练习题五：浮动与定位1. 创建一个HTML文件，并在里面添加两个div元素。
2. 使用CSS将第一个div的宽度设置为200像素，高度设置为200像素，并让其浮动到左侧。
3. 使用CSS将第二个div的宽度设置为400像素，高度设置为200像素。
4. 使用CSS将第二个div的定位方式设置为相对定位，并将其上移30像素、左移50像素。
5. 使用CSS将第二个div的背景色设置为黄色。
网页设计入门--如何使用css设置字体和文本样式
⽹页设计⼊门--如何使⽤css设置字体和⽂本样式⼀、定义字体类型font-family:Arial,Helvetica,serif,sans-serif,monospace;ps.字体与字体之间⽤逗号隔开，句尾⽤分号例如：<html><head><title>my first text html</title><style type="text/css">.p1{font-family:serif;}.p2{font-family:sans-serif;}.p3{font-family:monospace;}</style></head><body>welcome to my first text html!<p class="p1">我是serif字体!</p><p class="p2">我是sans-serif字体!</p><p class="p3">我是monospace字体!</p></body></html>显⽰结果如下：⼆、定义字体⼤⼩font-size:xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|lengthps:1、xx-small（最⼩）、x-small（较⼩）、small（⼩）、medium（正常）、large（⼤）、x-large（较⼤）、xx-large（最⼤）、larger（增⼤）、smaller（减⼩）、length（可以是百分数、或者浮点数和单位标识符组成的长度值，但不能为负值。
其百分⽐的取值是基于⽗对象中字体的尺⼨来计算的，与em单位计算⽅法相同）;2、还可以⽤px（像素）、in（英⼨）、em（基于⽗辈字体⼤⼩为参考设置字体⼤⼩）、cm（厘⽶）、pt（点）、pc（⽪卡）来定义字体⼤⼩;3、浏览器默认字体⼤⼩为16px，所以1.2em=19.2px，0.875em=14px，0.625em=10px；4、对于⽹页宽度固定或者栏⽬宽度固定的布局，使⽤像素是正确的选择；对于⽹页宽度不固定或者栏⽬宽度也不固定的页⾯，使⽤百分⽐或em是正确的选择，这样可以⽅便客户端浏览器调整字体⼤⼩；例如：<html><head><title>my first text html</title><style type="text/css">div{font-size:20px;}.p1{font-size:0.6in;}.p2{font-size:0.8em;}.p3{font-size:2cm;}.p4{font-size:16pt;}.p5{font-size:2pc;}</style></head><body>我的字号为16px!<div>我的字号为20px!<p class="p1">我的字号为0.6in!</p><p class="p2">我的字号为0.8em!</p><p class="p3">我的字号为2cm!</p><p class="p4">我的字号为16pt!</p><p class="p5">我的字号为2pc!</p></div></body></html>显⽰结果如下：三、定义字体颜⾊如下为定义字体颜⾊的四种⽅法：color:red; /*使⽤颜⾊名*/color:#693333; /*使⽤⼗六进制*/color:rgb(120,120,120); /*使⽤rgb*/color:rgb(0%,100%,50%);四、定义字体粗细font-weight:normal|bold|bolder|lighter|100|200|300|400（相当于normal）|500|600|700（相当于bold）|800|900 PS:bolder和lighter是相对于normal字体粗细进⾏加粗和减细操作五、定义斜体字体font-style:normal|italic（斜体）|oblique（倾斜的字体）PS:italic和oblique这两个取值只能在英⽂等西⽅⽂字中有效例如：<html><head><title>my first text html</title><style type="text/css">.p1{font-style:normal;}.p2{font-style:italic;}.p3{font-style:oblique;}</style></head><body><p class="p1">我的字体为normal!</p><p class="p2">我的字体为italic!</p><p class="p3">我的字体为oblique!</p></body></html>显⽰结果如下：六、定义下划线、删除线和顶划线text-decoration:none|underline|overline|line-through|blink（闪烁效果）PS:不同的效果可以同时⽤，只需效果之间加空格即可例如：<html><head><title>my first text html</title><style type="text/css">.p1{text-decoration:underline;}.p2{text-decoration:underline overline;}.p3{text-decoration:underline overline blink;}</style></head><body><p class="p1">我的字体使⽤了underline效果!</p><p class="p2">我的字体使⽤了underline和overline效果!</p><p class="p3">我的字体使⽤了underline、overline和blink效果!</p></body></html>显⽰效果如下：七、定义字体⼤⼩写定义字体⼤⼩写有两种⽅法：font-variant:normal|small-caps（⼩型的⼤写字母字体）;text-transform:capitalize（⾸字母⼤写）|uppercase（⼤写）|lowercase（⼩写）;例如：<html><head><title>my first text html</title><style type="text/css">.p1{font-variant:normal;}.p2{font-variant:small-caps;}.p3{text-transform:capitalize;}.p4{text-transform:uppercase;}.p5{text-transform:lowercase;}</style></head><body><p class="p1">normal!</p><p class="p2">small-caps!</p><p class="p3">capitalize!</p><p class="p4">uppercase!</p><p class="p5">LOWERCASE!</p></body></html>显⽰效果如下：⼋、定义⽂本对齐text-align:left|right|center|justify（两端对齐）九、定义垂直对齐vertical-align:auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom|length PS:auto：根据layout-flow属性的值对齐对象内容；baseline：将⽀持valign特性的对象内容与基线对齐；sub：垂直对齐⽂本的下标；super：垂直对齐⽂本的上标；top：将⽀持vlign特性的对象的内容与对象顶端对齐；text-top：将⽀持vlign特性的对象的⽂本与对象顶端对齐；middle：将⽀持vlign特性的对象的内容与对象中部对齐；bottom：将⽀持vlign特性的对象的内容与对象底端对齐；text-bottom：将⽀持vlign特性的对象的⽂本与对象底端对齐；length：由浮点数字和单位标识符组成的长度值或百分数，可为负数，定义由基线算起的偏移量，基线对于数值来说为0，对于百分数来说就是0%例如：<html><head><title>my first text html</title><style type="text/css">.span1{vertical-align:auto;}.span2{vertical-align:baseline;}.span3{vertical-align:sub;}.span4{vertical-align:super;}.span5{vertical-align:top;}.span6{vertical-align:text-top;}.span7{vertical-align:middle;}.span8{vertical-align:bottom;}.span9{vertical-align:text-bottom;}.span10{vertical-align:2;}</style></head><body><p><span class="span1">根据layout-flow属性的值对齐对象内容</span><span class="span1">auto</span></br><span class="span1">将⽀持valign特性的对象内容与基线对齐</span><span class="span2">baseline</span></br><span class="span1">垂直对齐⽂本的下标</span><span class="span3">sub</span></br><span class="span1">垂直对齐⽂本的上标</span><span class="span4">super</span></br><span class="span1">将⽀持vlign特性的对象的内容与对象顶端对齐</span><span class="span5">top</span></br><span class="span1">将⽀持vlign特性的对象的⽂本与对象顶端对齐</span><span class="span6">text-top</span></br><span class="span1">将⽀持vlign特性的对象的内容与对象中部对齐</span><span class="span7">middle</span></br><span class="span1">将⽀持vlign特性的对象的内容与对象底端对齐</span><span class="span8">bottom</span></br><span class="span1">将⽀持vlign特性的对象的⽂本与对象底端对齐</span><span class="span9">text-bottom</span></br><span class="span1">由浮点数字和单位标识符组成的长度值或百分数，可为负数，定义由基线算起的偏移量，基线对于数值来说为0，对于百分数来说就是0%</span><span class="span10">length=2</span></br></p></body></html>显⽰效果如下：⼗、定义字间距letter-spacing:1em;（字母与字母或者汉字与汉字之间的间距）word-spacing:1em;（定义单词与单词之间的间距）⼗⼀、定义⾏间距line-height:normal（默认值，⼀般为1.2em）|length（表⽰百分⽐数字，或者由浮点数字和单位标识符组成的长度值，允许为负值）;例如：p{font-size:12pt;line-height:12pt;}⼗⼆、定义缩进text-indent:length（表⽰百分⽐数字，或者由浮点数字和单位标识符组成的长度值，允许为负值）;PS:建议设置缩进单位时，以em为设置单位，它表⽰⼀个字距，这样⽐较精确确定⾸⾏缩进效果。