选择器的优先级,伪类的顺序,文本标签,列表,字体样式 文本样式

选择器的优先级:!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;

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容