伪类的标准顺序
伪类的优先级,当优先级相同时,后面的覆盖前面的。
标准顺序:link ,visited , hover , active
文本标签
<em>:em标签用于表示一段内容中的着重点。(注重语气、语义)
<strong>:strong标签用于表示一个内容的重要性。
* 这两个标签可以单独使用,也可以一起使用.
<em>显示为斜体,<strong>显示为粗体。
<i>标签会使文字变成斜体。
<b>标签会使文字变成粗体。
这两个标签和em和strong类似,但是这两个标签没有语义。
<small>标签表示细则一类的旁注,通常包括 免责声明、注意事项、法律限制、版权信 息等。
浏览器在显示small标签时会显示一个比父 元素小的字号。
<p><small>输入内容</small></p>
<p><big>输入内容</big></p>
<cite>:使用cite标签可以指明对某内容的引用或参考。
<p><cite>《灵魂摆渡》</cite></p>
<blockquote>和<q>:blockquote和q表示标记引用的文本。
blockquote用于长引用,q用于短引用。
在两个标签中还可以使用cite属性来表示引 用的地址 。
<blockquote>天将降大任于是人也...</blockquote>
<p>孔子曾经说过:<q>学而时习之不亦说乎</q></p>
<sup>和<sub>
sup和sub用于定义上标和下标
上标主要用于表示类似于103中的3。 下标则用于表示类似余H2O中的2。
<ins>和<del>
ins表示插入的内容,显示时通常会加上下划线。
del表示删除的内容,显示时通常会加上删除线。
<code>和<pre>
如果你的内容包含代码示例或文件名,就 可以使用code元素。
pre元素表示的是预格式化文本,可以使用pre包住code来表示一段代码。
例如:<pre>
<code>
function fun(){ alert("hello"); }
</code>
</pre>
有序列表: 使用ol和li来创建一个有序列表 。
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
无序列表:使用ul和li来创建一个无序列表。
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
定义列表:使用dl、dd、dt来创建一个定义列表。
<dl>
<dt>定义项1</dt>
<dd>定义描述1</dd>
<dt>定义项2</dt>
<dd>定义描述2</dd>
<dt>定义项3</dt>
<dd>定义描述3</dd>
</dl>
文本格式化
单位:px、%、em
颜色
在CSS中可以直接使用颜色的关键字来代表一种颜色。
17中颜色,还有147种svg颜色
十六进制颜色:用的最多的颜色是十六进制符号。一个颜色值, 比如:#6600FF实际上包含了三组十六进制的数字。
RGB值
也可以使用计算机中常用的RGB值来表示 颜色。可以使用0~255的数值,也可以使 用0%~100%的百分比数。
RGB(100%,0%,0%)
RGB(0,255,0)
第一个数表示红色的浓度,第二个数表示绿色浓度,第三个数表示蓝色的浓度.
RGBA
RGBA表示一个颜色和RGB类似,只不过比RGB多了一个A(alpha)来表示透明度, 透明度需要一个0-1的值。0表示完全透明,
1表示完全不透明。
RGBA(255,100,5,0.5)
文字大小
•font-size用来指定文字的大小。