2019-03-21 文本标签

伪类的标准顺序

伪类的优先级,当优先级相同时,后面的覆盖前面的。

标准顺序: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用来指定文字的大小。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、文本标签 <em>和<strong> em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重...
    咻咻咻滴赵大妞阅读 1,324评论 0 1
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,616评论 0 6
  • 一.文本标签 1. 和 -- em标签用于表示一段内容中的着重点。strong标签--- strong标签用于表...
    宁que阅读 1,097评论 0 0
  • 文本标签 和 em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重要性。这两个标签可以单独使用...
    幸而0407阅读 484评论 0 0
  • <em>和<strong> em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重要性。这两个标...
    Pickupthesmokes阅读 680评论 0 0