1、文本标签
- <em>和<strong>
em标签用于表示一段内容中的着重点。
strong标签用于表示一个内容的重要性。
通常em显示为斜体,而strong显示为粗体。
- <i>和<b>
i标签会使文字变成斜体。
b标签会使文字变成粗体。
- <blockquote>和<q>
blockquote和q表示标记引用的文本。
blockquote用于长引用,q用于短引用。
<sup>和<sub>
sup和sub用于定义上标和下标。
上标主要用于表示类似于103中的3。
下标则用于表示类似余H2O中的2。
- <ins>和<del>
ins表示插入的内容,显示时通常会加上下 划线。
del表示删除的内容,显示时通常会加上删 除线。
- <code>和<pre>
pre元素表示的是预格式化文本,可以使用
pre包住code来表示一段代码。
<small>:小字体
<big>:大字体
<cite>:用来写书名...
- 超链接去除下划线的方法:text-decoration:none
2、列表
有序列表:ul包含多个li
无序列表:ol li
定义列表:dl dt,dd
这3个列表可以随便嵌套
3、文本格式化
- 单位
px
百分比
em
- 颜色
十六进制颜色
RGB值
RGBA值 就是比RGB多了一个A(alpha)来表示透明度
- 文字大小
font-size用来指定文字的大小。
字体:
通过font-family可以指定标签中文字使用 的字体。
通过font-family可以同时指定多个字体。
例如:
p{font-family:Arial , Helvetica , sans-serif}
- 字体分类
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-variant:small-caps
- 字体属性的简写
– font:加粗 斜体 小型大写 大小/行高 字体
前面那些可以不写采用默认值,但是大小和字体是必须要写的,而且还要按照顺序。
- 行间距
求行间距的公式:
行间距 = line-height – font-size
line-height用于设置行高,行高越大则行 间距越大。
- 大写化
text-transform样式用于将元素中的字母全都变成大写。
大写:text-transform:uppercase
小写:text-tansform:lowercase
首字母大写:text-transform:capitalize
正常:text-transform:none
- 文本的修饰
underline:在文本下面加上线条
overline:在文本下面加上线条
line-through:在文本中间加上线条
none:正常文本
- 字母间距和单词间距
letter-spacing用来设置字符之间的间距。
word-spacing用来设置单词之间的间距。
- 对齐文本
text-align用于设置文本的对齐方式。
left:左对齐
right:右对齐
justify:两边对齐
center:居中对齐
- 首行缩进
text-indent用来设置首行缩进。