「CSS」文本编排相关的CSS属性设置

1、font-family：设置字体族。

格式为font-family：字体1，字体2，……，通用字体族|inherit。

通用字体族，是指一类相似的字体。W3C的CSS规则规定，要指定一个通用字体族，避免客户端没有安装指定字体时能使用本机上的通用字体族中的字体。该属性及其值的涵义如下图

2、font-size：设置文本的大小。该属性及其值的涵义如下图

3、font-weight：设置文本加粗。该属性及其值的涵义如下图

4、font-style：可设置字体是正常还是斜体。该属性及其值的涵义如下图

5、line-height：设置文本的行高，它是指上下文本行的基线之间的垂直距离。其属性及其值的涵义如下图

6、字体属性font：是字体设置的简写形式，其格式及解释如下：

其中，用[]括住的属性是可选的，而font-size和font-family是必须要写的两个属性，其他属性若不写，则网页将使用它们对应的默认值。另外，font-size/line-height必须用/组成一个，不能分开写。例如：

这段CSS设置了字号为12像素，2倍行距，字体族为arial 和arial black。

7、字体颜色color属性：

8、text-align属性：设置文本的水平对齐方式。其值有三，分别是左对齐left（默认）、居中对齐center、右对齐right。

9、首行缩进属性text-indent：其属性值及涵义见下图。

10、文本修饰属性text-decoration：用来设置文本是否带有下划线或删划线等，其值及涵义如下图：

11、字符间距属性letter-spacing：设置字符与字符之间的间隔，正值是拉宽字符间距，负值是缩小字符间距。其值及涵义如下图：

12、字间距属性word-spacing：设置单词与单词之间的间隔。该属性对包含两个词以上的英文有作用，对汉字是没有作用的。

例如，定义一种文本样式，其字体族为“黑体，宋体，新宋体”，字体粗细为500，斜体，大小16像素，行距26像素，红色，带下划线，则代码应写成下图所示：

转载于:https://www.cnblogs.com/wrxblog/p/9768697.html

「CSS」文本编排相关的CSS属性设置相关推荐

无需「域外」文本，微软：NLP就应该针对性预训练
在生物医学这样的专业领域训练NLP模型,除了特定数据集,「域外」文本也被认为是有用的.但最近,微软的研究人员「大呼」:我不这么觉得! 什么是预训练? 这是一个拷问人工智能「门外汉」的灵魂问题. 生而为 ...
JavaScript 教程「9」：DOM 元素获取、属性修改
什么是 Web API Web API 是指网页服务器或者网页浏览器的应用程序接口.简单来讲,就是我们在编写 JavaScript 代码时,可以通过 Web API 来操作 HTML 网页和浏览器. ...
css表格文本居中的指令,CSS似乎无法在表格单元中居中文本
我使用所有此代码,因为它正在更改现有网站的行为和外观,所以我无法触及代码结构(请参阅HTML).我所能碰到的只有CSS(也就是为什么你看到这么多!重要,覆盖) 现在我遇到的问题是我似乎无法将tabe- ...
css样式向下补白,div+css[3]：css中边框border与补白padding属性设置
1.边框属性 border □ 边框样式 border-style:none|dotted|dashed|solid|...... none:没有边框. dotted点线 dashed虚线 solid ...
html设置文本域的,HTML-文本域属性设置
1.设置文本域的字体输入内容 2.设置文本域的背景色输入内容 3.文本域的虚线边框设置输入内容 4.文本域的实线边框设置输入内容 5.文本域的点线边框设置输入内容 6. 设置文本域的背景图 ...
CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表
前言:本篇文章为 CSS 基础系列笔记第一篇,参考黑马程序员pink老师前端入门教程如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...
CSS基础「七」精灵图 \ 字体图标 \ 三角 \ 用户界面样式 \ 页面初始化
本篇文章为 CSS 基础系列笔记第七篇,参考黑马程序员pink老师前端入门教程其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...
CSS基础「六」元素的显示与隐藏
本篇文章为 CSS 基础系列笔记第六篇,参考黑马程序员pink老师前端入门教程其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...
CSS基础「五」定位
本篇文章为 CSS 基础系列笔记第五篇,参考黑马程序员pink老师前端入门教程其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...

「CSS」文本编排相关的CSS属性设置

「CSS」文本编排相关的CSS属性设置相关推荐

最新文章

热门文章