选择器的优先级:!important 最高 内联样式,1000 id选择器,100 类和伪类,10
元素选择器,1 通配,0 继承没有优先级
伪类的顺序:
:link正常连接
:visited访问过的连接(只能定义字体颜色)
:hover鼠标滑过的连接
:active正在点击的连接
文本标签:
<em>用于表示着重点,显示为斜体
<strong>用于表示重要性,显示为粗体
<i>使文字变成斜体
<b>使文字变成粗体
这两个标签没有语义
<small>表示细则
<big>单纯放大,现在已经不使用了
<cite>指明对某内容的引用或参考,斜体
<q>表示短引用,浏览器默认加引号
<blockquote>块元素 表示长引用
<sup>定义上标<sub>定义下标
<del>表示删除的内容,显示时会加上删除线
<ins>表示插入的内容,显示时会加上下划线
<code>用来包含代码示例或文件名
<pre>保留格式的文本 pre包住code使用
无序列表ul li
有序列表ol li
定义列表dl dt被定义的内容 dd对定义内容的描述
list-style:none给列表去掉项目符号
长度单位
px像素
百分比
em 相对于字号大小而改变
1em = 1 font-size
颜色单位:
可以使用颜色的单词来表示
rgb(255,255,255)
rgb(100%,100%,100%)
#fff相同两位可简写 #ffffff
字体的样式:
默认字号是十六号字,字体的不同显示的效果不同
font-size:设置字号
font-family:设置字体,默认字体各个浏览器显示的效果不同,可以指定多个字体 字体之间用逗号分开
设置多个字体的时候,浏览器优先使用前边的字体,如果前边没有,就尝试下一个
字体的分类:字体大的分类
serif(衬线字体)
sans-serif(非衬线字体)
monospace(等宽字体)
cursive(草书字体)
fantasy(虚幻字体)
字体的其他样式:
font-style:italic; 斜体 一般只用italic oblique; 倾斜
font-weight:bold;粗体 100~900之间规定粗细 规定字体的粗细
font-variant:small-caps;小型大写 规定是否以小型大写的字体显示
font: italic small-caps bold 60px "微软雅黑";可以统一的写在font中 不同的样式用空格隔开
斜体 小型大写 粗体 没有顺序要求,可写可不写,如果不写的话使用默认值 。字号和字体必须写缺一不可
字号和字体有固定位置字体写在倒数第一 字号倒数第二
行间距:就是行和行之间的距离,css中没有直接提供设置行间距的方式,只能通过设置行高
来间接的设置行间距。行高使用line-height设置 行间距=行高-字号
line-height:值
文本的样式:
text-transform控制文本的大小写,默认值为none capitalize每个单词以大写字母开头
uppercase 全部设置为大写 lowercase全部设置为小写
text-decoration通过它可以为文本的上方、下方或中间添加线条 默认值none
underline 下方添加线条 overline 上方添加线条 line-through 中间添加线条
字母间距和单词间距: letter-spacing 设置字母之间的间距
word-spaing设置单词之间的间距
对齐文本:text-align用于设置文本的对其方式,可选值 left;左对齐 right;右对齐
justify;两边对齐 center;居中对齐
首行缩进:text-indent:em;
网友评论