选择器的权重
-内联样式权重是:1000
-id选择器权重是:100
-类,属性,伪类选择器权重是:10
-元素选择器权重是:1
-通配符权重是:0
-继承的样式没有优先级
-!important权重最高
文本标签
<em>和<strong>
em标签用于表示一段内容中的着重点。
strong标签用于表示一个内容的重要性。
em显示为斜体,strong显示为粗体。
这两个标签可以单独使用,也可以一起使用。
<i>和<b>
i标签会使文字变成斜体。
b标签会使文字变成粗体。
和em 和strong类似,但这两个标签没有语义。
<small>
samll标签表示细则一类的旁注,通常包括免责声明,注意事项,法律限制,版权信息等。
<cite>
使用cite标签可以指明对某内容的引用或参考。例如戏剧,文章等的标题。
<blockquote>和<q>
blockquote和q表示标记引用的文本。
blockquote用于长引用,q用于短引用。
<sup>和<sub>
sup主要用于表示上标
sub主要用于表示下标
<ins>和<del>
ins表示插入的内容,显示时通常会加上下划线。
del表示删除的内容,显示时通常会加上删除线。
<code>和<pre>
如果内容包含代码或文件名,就可以使用code元素。
per元素表示的是预格式化文本,可以使用pre保住code来表示一段代码。
有序列表
使用ol和li来创建一个有序列表。
无序列表
使用ul和li来创建一个无序列表。
定义列表
使用dl,dd,dt来创建一个定义列表。
文本格式化
单位
px
百分比
em
文字大小
font-size用来指定文字的大小。
字体(一)
通过font-size可以指定标签中文字使用的字体。
字体(二)
通过font-family可以指定多个字体。
字体分类
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用于设置行高,行高越大则行间距越大。
行间距 = line-height - font-size
大写化
text-transfrom样式用于将元素中的字母全都变成大写。
大写:text-transfrom:uppercase
小写:text-transfrom:lowercase
首字母大写:text-transfrom:capitalize
正常:text-transfrom:none
文本的修饰
text-decoration属性,用来给文本添加各种修饰,通过它可以为文本的上方,下方,或者中间添加条线。
可选值:
underline
overline
line-through
none
字母间距和单词间距
letter-spacing用来设置字符之间的间距。
word-spacing用来设置单词之间的间距。
对齐文本
text-align用于设置文本的对齐方式。
可选值:
left:左对齐
right:右对齐
justify:两边对齐
center:居中对齐
首行缩进
text-indent用来设置首行缩进。
需要一个指定长度,并且只对第一行生效。