HTML、CSS学习笔记（3）文本控制总结

前言

本意是写给自己看的学习笔记，如果能恰好帮到有需要的人那最好了。我是一个接触时间不长的新手，秃头摸爬滚打中，将一些重点总结记录下来，如有错误欢迎指正。

部分内容来自www.w3school.com.cn 和相关书本教材，若有侵权请告知，将会立即修改。

文本控制

（1）HTML文本控制

<h1>~<h6> 标题标签。从h1到h6字号递减，一个页面中只能使用一个<h1>标签。默认情况下标题文字是加粗左对齐，可以使用align属性设置对齐方式，取值如下：
left：设置标题文字左对齐（默认值）
center：设置标题文字居中对齐
right：设置标题文字右对齐

<p> 段落标签。默认情况下段落文字是加粗左对齐，和标题标签一样可以使用align属性设置对齐方式。

<hr/> 水平线标签。常用属性有：
align：设置水平线的对齐方式（默认为center）
size：设置水平线的粗细（默认为2px）
color：设置水平线的颜色（可用颜色名称、十六进制#RGB、rgb（r,g,b））
width：设置水平线的宽度（可以试试确定的像素值，也可以是浏览器窗口的百分比，默认为100%）

<br/> 换行标签。

（2）HTML文本格式化

<b> 、<strong> 设置粗体。
<i> 、<em> 设置斜体。
<s> 、<del> 添加删除线。
<u> 、<ins> 添加下划线。
<big> 设置大号字。
<sub> 设置上标字。
<sup> 设置下标字。
<pre> 设置预格式化，按文档的书写格式保留空格和空行。

（3）CSS文本样式

font-size：设置字号大小。（相对单位长度：em、px；绝对单位长度：in、cm、mm、pt）
font-family：设置字体。可以同时设置多个字体，中间用英文逗号隔开。中文字体需要加英文状态下的引号。
font-weight ：设置字体粗细。（normal：默认值；bold：粗体；bolder：更粗；lighter：更细；100~900（100的整数倍）定义由细到粗的字符）
font-variant ：设置字体变化，仅对英文字符有效。（normal：默认值；small-caps：小型大写字体）
font-style：设置字体风格。（normal：默认值；italic：斜体）

（4）CSS文本外观

color：设置文本颜色。（可用颜色名称、十六进制#RGB、rgb（r,g,b））
letter-spacing：设置字符间距。（默认normal，允许使用负值）
word-spacing：设置单词间距，对中文字符无效。（默认normal，允许使用负值）
line-height：设置行高。（单位：px、em、%）
text-transform：控制文本转换。（normal：默认值；capitalize：首字母大写；uppercase：全部字符转换为大写；lowercase：全部字符转换为小写）
text-decoration：用于文本装饰。（none：默认值；underline：下划线；overline：上划线；line-through：删除线）
text-align：设置水平对齐方式。（left：默认值；center：居中对齐；right：右对齐）
text-indent：设置首行缩进，可以使用负值。（单位：em、px、%）
white-space：设置空白符的处理方式。（normal：默认值；pre：预格式化；nowrap：空格空行无效，强制不能换行，除非遇到换行标签<br/>）
direction：设置文本的书写方向。（ltr：默认值；rtl：从右到左；inherit：从父元素继承 direction 属性的值）
text-shadow： 设置文本的阴影。属性分别为：水平阴影（px）、垂直阴影（px）、模糊距离（px），阴影的颜色（可用颜色名称、十六进制#RGB、rgb（r,g,b））
text-overflow： 设置当文本的长度超过了元素的长度时如何修剪文本（clip：默认值，修剪文本；ellipsis：用省略号表示文本超出的部分；string：使用给定的字符串代表超出的文本）
word-wrap： 设置当长单词过长时如何换行（normal：默认值，浏览器的默认换行方式；break-word：在长单词或 URL 地址内部进行换行）