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

前言

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

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

文本控制

（1）HTML文本控制

~

标题标签。从h1到h6字号递减，一个页面中只能使用一个

标签。默认情况下标题文字是加粗左对齐，可以使用align属性设置对齐方式，取值如下：
left：设置标题文字左对齐（默认值）
center：设置标题文字居中对齐
right：设置标题文字右对齐

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

---

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

换行标签。

（2）HTML文本格式化

、 设置粗体。
、 设置斜体。
、 添加删除线。
、 添加下划线。
设置大号字。
设置上标字。
设置下标字。

 设置预格式化，按文档的书写格式保留空格和空行。
 
  
（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：空格空行无效，强制不能换行，除非遇到换行标签
）
 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 地址内部进行换行）