有序列表
-
使用ol和li来创建一个有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
无序列表
-
使用ul和li来创建一个无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
定义列表
-
使用dl、dd、dt来创建一个定义列表
<dl>
<dt>定义项1</dt>
<dd>定义描述1</dd>
<dt>定义项2</dt>
<dd>定义描述2</dd>
<dt>定义项3</dt>
<dd>定义描述3</dd>
</dl>
文本格式化
-
单位
ps
- 如果我们讲一个图片放大的话，我们会发现一个图片是有一个一个的小色块构成的，这一个小色块就是一个像素，也就是1px，对于不同的显示器来说一个像素的大小是不同的。
百分比
- 也可以使用一个百分数来表示一个大小，百分比是相对于父元素来说的，如果父元素使用的大小是16px，则100%就是16px，200%就是32px。
em
em和百分比类似，是相对于font-size说的，1em = 1font-size
-
颜色
在css中可以直接使用颜色的关键字来代表一种颜色。
17种颜色
aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、orange、purple、red、silver、teal、white、yellow。
- 十六进制颜色表示：以#开头6位的符号例如：#003367，#号后面前两位代表红色中间两位代表绿色后两位代表蓝色。
- RGB表示：RGB(100%,0%,50%) 或者RGB(255,0,0)
文字大小
font-size指定文字的大小
serif(衬线字体)
sans-serif(非衬线字体)
monospace(等宽字体)
cursive(草书字体)
fantasy(虚幻字体)
-
font-style用来指定文本的斜体
指定斜体：font-style:italic
指定非斜体：font-style:normal
-
font-weight用来指定文本的粗体
指定粗体：font-weight:bold
指定非粗体：font-weight:normal
小型大写字母
- font-variant属性可以将字母类型设置为小型大写。
字体属性的简写
- font可以一次性同时设置多个字体的样式。
行间距
- line-height用于设置行高，行高越大则行间距越大。
大写化
- text-transform样式用于将元素中的字母全都变成大写。
- 大写: text-transform:uppercase
- 小写: text-transform:lowercase
- 首字母大写: text-transform:capitalize
- 正常: text-transform:none
文本的修饰
- text-decoration属性，用来给文本添加各种修饰，通过它可以为文本的上方、下方或者中间添加线条。
可选值
- underline
- overline
- line-through
- none
字母间距和单词间距
- letter-spacing用来设置字符之间的间距
- word-spacing用来设置单词之间的间距
- 这两个属性都可以直接指定一个长度或百分数作为值。指数代表的是增加距离，而负数代表减少距离。
对齐文本
- text-align用于设置文本的对齐方式。
可选值
- left：左对齐
- right：右对齐
- justify：两边对齐
- center：居中对齐
首行缩进
- text-indent用来设置首行缩进
- 该样式需要制定一个长度，并且只对第一行生效。
