一、字体属性

font属性用于定义字体系列，字体大小、粗细和文字样式（斜体）

1、字体系列

font-family：定义文本字体，定义多个字体用逗号隔开，设置中英文字体时，注意先英后中

2、字体大小

font-size

3、字体粗细

font-weight：属性值有normal、bold、bolder、lighter、数字（100-900）

4、文本风格

font-style：属性值有normal、Italic...常用normal设置将文本恢复正常

5、字体复合属性

案列展示：

<style type="text/css">p {font-family: 'Courier New' '微软雅黑';}h1 {font-size: 18px;}h2 {font-weight: bold;}h3 {font-style: italic;}</style>
</head><body><p>测试</p><h1>字体大小</h1><h2>字体粗细样式</h2><h3>字体样式</h3>
</body>

效果图：

总结

二、文本属性

1、文本颜色（color）

color：属性值可以是十六进制、rgb、颜色名

2、水平对齐方式（text-align）

设置元素内文本内容的水平对齐方式

常用属性值：center、left、right

3、装饰文本

text-decoration：规定添加到文本的修饰。可以添加下划线、删除线、上划线等

4、文本缩进（通常用于首行缩进）

text-indent：指定文本的第一行的缩进，长度可以为负值

5、行高

line-height：设置行间的距离，可以控制文字行与行之间的距离，行间距的组成：上间距、文字内容、下间距

单行文字垂直居中可以使用该属性，line-height的高等于盒子的高，若大于盒子高度，则文字偏下；若小于盒子高度，则文字偏下。

6、字间间距

letter-spacing：控制文本字与字的间距属性值px单位的数值。

案列演示：

<style type="text/css">h1 {color: red;text-align: center;}h5 {text-decoration: line-through;}p {text-indent: 2em;line-height: 10px;}</style>
</head><body><h1>颜色和对齐方式</h1><p>缩进的测试和设置行高，可能效果不明心啊因为的段落内容较少</p><p>缩进的测试和设置行高，可能效果不明心啊因为的段落内容较少</p><h5>文本装饰</h5>

效果图：

HTML中字体属性、文本属性使用说明相关推荐

css中字体与段落属性设置/文本高级样式
CSS中字体与段落属性毫无疑问,不管什么网站,文字一定是必不可少.文字可以是网页传播信息的主要手段.那么怎么显示文字,才能更加的美观,那么大家需要了解以下文字属性. 字体属性属性用途语法(一些 ...
CSS3基础(基础认知,选择器,字体属性,文本属性,CSS 的三种引入方式)
CSS3基础 1. 基础认知 1.1 CSS 简介 CSS 的使用场景是什么? 美化网页,布局页面 CSS 的中文名称是什么? 层叠/级联样式表(Cascading Style Sheets) CSS ...
CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表
前言:本篇文章为 CSS 基础系列笔记第一篇,参考黑马程序员pink老师前端入门教程如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...
CSS字体、文本属性、CSS 盒模型
1.css字体 1.1 font-family 作用:设置文本的字体系列语法:font-family:字体名称: 常用值一个字体名称或系列名称(介绍常用字体名称.字体系列) 1.楷体 KaiTi ...
普歌-赤道团队:前端基础CSS-Fonts(字体)与文本属性要点及解析
css-Fonts字体属性与文本属性系列要点 css-fonts字体属性及文本属性一.字体属性 1.1 字体系列 1.2 字体大小 1.3 字体粗细 1.4 文字样式 1.5 字体复合属性 1.6 ...
CSS颜色尺寸字体属性文本属性
CSS基础知识 1.1基本概念 CSS指层叠样式表(Cascading Style Sheets) 为什么需要CSS HTML描述了要呈现的内容,而CSS则定义了这些内容的呈现形式,比如字体.颜色等. ...
CSS -- CSS字体及文本属性设置总结
文章目录 1 CSS字体属性 1.1 字体系列 1.2 字体大小 1.3 字体粗细 1.4 文字样式 1.5 字体复合属性 1.6 字体属性总结 2 CSS文本属性 2.1 文本颜色 2.2 对齐文本 ...
CSS字体，文本属性
一.CSS字体 1. font-family 作用:设置文本的字体系列语法:font-family:字体名称: 常用值: 一个字体名称或系列名称(介绍常用字体名称.字体系列) 微软雅黑 Micros ...
HTML中字体加粗属性或标签
字体加粗属性 <style type="text/css">.类名{font-weight: 700;//加粗font-weight: 400;//正常} </s ...
【MATLAB】基本绘图 ( 图形属性 | 绘图对象 | 图形属性界面 | 坐标轴属性 | 线属性 | 文本属性 | 图形属性设置策略 )
文章目录一.图形属性 1.图形属性列举 2.绘图对象二.图形属性设置 1.图形属性界面 2.坐标轴属性 3.线属性 4.文本属性三.图形属性设置策略一.图形属性 1.图形属性列举图形属性 : ...

HTML中字体属性、文本属性使用说明