标签 |
语意 |
<b> |
加粗 |
<i> |
加斜 |
<small> |
小字 |
<big> |
大字 |
<cite> |
表引用 |
<q> |
短引用(行内引用) |
<blockquote> |
长引用(块级引用) |
|
上角标 |
|
下角标 |
<del> |
加删除线 |
<ins> |
表示插入的内容(即加下划线) |
列表
1.
image.png
使用ol和li创建一个有序列表(块元素)
2.
image.png
使用ul和li创建一个无序列表(块元素)
3.
image.png
使用dl、dt、dd创建一个定义列表(可描述多个)
注:三种列表可相互嵌套
字体分类
语句 |
语意 |
font-family:serif; |
衬线字体 |
font-family:sans-serif; |
非衬线字体 |
font-family:monospance; |
等宽字体 |
font-family:cursive; |
草书字体 |
font-family:fantasy; |
虚幻字体 |
大写化
语句 |
语意 |
text-transform:uppercase; |
大写 |
text-transform:lowercase; |
小写 |
text-transform:capitalize; |
首字母大写 |
text-transform:none; |
正常 |
文本的修饰
语句 |
语意 |
text-decoration:underline; |
加上划线 |
text-decoration:overline; |
加下划线 |
text-decoration:line-throughi; |
加中划线 |
text-decoration:none; |
正常 |
间距
语句 |
语意 |
letter-spacing:10px; |
设置字符间的间距为10像素 |
word-spacing:10px; |
设置单词间的间距为10像素 |
对齐文本
语句 |
语意 |
text-align:left; |
左对齐 |
text-align:right; |
右对齐 |
text-align:justify; |
两边对齐 |
text-align:center; |
居中对齐 |
text-indent:2em; |
首行缩进两个字符,只对第一行生效 |
网友评论