美文网首页
HTML----文本标签及样式

HTML----文本标签及样式

作者: 梵高先生uu | 来源:发表于2018-08-08 20:29 被阅读0次

文本标签&样式

有语意

em标签用于表示一段内容中的着重点。(斜体)
strong标签用于表示一个内容的重要性。(粗体)

    <em>em标签</em>
    <strong>strong标签</strong>

没有语意

(和em、strong 相似)
i 标签会使文字变成斜体。
b 标签会使文字变成粗体。

    <i>i标签</i>
    <b>b标签</b>

small标签会显示一个比父元素小的字号

<small>small标签通常包括 免责声明、注意事项、法律限制、版权信 息等。</small>

cite标签可以指明对某内容的引用或参考

<cite>《七龙珠》</cite>讲的是召唤神龙的故事。

blockquote和q表示标记引用的文本。
blockquote用于长引用,q用于短引用
sup:上标主要用于表示类似于103中的3。
sub:下标则用于表示类似余H2O中的2。
ins表示插入的内容,显示时通常会加上下 划线。
del表示删除的内容,显示时通常会加上删 除线。
pre元素表示的是预格式化文本,可以使用pre包住code来表示一段代码

<pre>
    <code>
        print("hello Word!")
    </code>
</pre>

列表

无序列表 ul li
有序列表 ol li
定义列表 dl dt dd

    <ul>
        <li>西门庆</li>
        <li>武大郎</li>
        <li>潘金莲</li>
    </ul>
    <ol>
        <li>结构</li>
        <li>表现</li>
        <li>行为</li>
    </ol>
    <p>菜谱</p>
    <ul>
        <li>铁锅炖自己</li>
            <ol>
                <li>
                    麻辣
                </li>
            </ol>

        <li>铁锅炖自己</li>

        <li>铁锅炖自己</li>
        <li>铁锅炖自己</li>
    </ul>
    <dl>
        <dt>武松</dt>
        <dd>打虎,瞎几把打</dd>
        <dd>沙包大的小圈圈锤你胸口</dd>
        <dt>武大郎</dt>
        <dd>凉凉</dd>

单位

px

一 个像素,也就是1px,对于不同的显示器来说一个像素 的大小是不同的。

百分比

百分比是相 对于父元素来说的,如果父元素使用的大小是16px, 则100%就是16px,200%就是32px。

em

em和百分比类似,是相对于font-size说的1em = 1font-size

文字大小&样式

font-size用来指定文字的大小。
font-style用来指定文本的斜体
指定斜体:font-style:italic
指定非斜体:font-style:normal
font-weight用来指定文本的粗体。
指定粗体:font-weight:bold
指定非粗体:font-weight:normal
通过font-family可以同时指定多个字体。
例如:
p{font-family:Arial , Helvetica , sans-serif}

字体分类
serif(衬线字体)
sans-serif(非衬线字体)
monospace (等宽字体)
cursive (草书字体)
fantasy (虚幻字体)

对齐文本&行间距

text-align用于设置文本的对齐方式。
left:左对齐
right:右对齐
justify:两边对齐
center:居中对齐
text-indent用来设置首行缩进。该样式需要指定一个长度,并且只对第一 行生效。

text-indent:2em;

相关文章

  • HTML----文本标签及样式

    文本标签&样式 有语意 em标签用于表示一段内容中的着重点。(斜体)strong标签用于表示一个内容的重要性。(粗...

  • 文本标签及文本样式

    一.文本标签 1. 和 -- em标签用于表示一段内容中的着重点。strong标签--- strong标签用于表...

  • 文本标签及文本样式

    一、文本标签 em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重...

  • 文本标签及文本样式

    文本标签 和 em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重要性。这两个标签可以单独使用...

  • 文本标签及文本样式

    文本标签 表示内容中的着重点 表示内容的重要性这个两个标签可以单独使用也可以一起使用;通常 显示为斜体, 显示为粗...

  • 文本标签 及文本样式

    和 em标签用于表示一段内容中的着重点。 strong标签用于表示一个内容的重要性。这两个标签可以单独使用,也可以...

  • 文本标签及文本样式

    1.文本标签 和 em标签用于表示一段内容中的着重点。 strong标签用于表示一个内容的重要性。 这两个标签可以...

  • 十二:文本标签及文本样式

    1. 和 标签 em 标签用于表示一段内容中的着重点strong标签用于表示一个内容的重要性这两个标签可以单独使用...

  • 前端文本标签及文本样式

    文本标签 em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重要性。通常em显示为斜体,而st...

  • web文本标签及文本样式

    文本标签 为标识网页中的不同内容而生 标签 em标签用于表示一段内容中的着重点stron...

网友评论

      本文标题:HTML----文本标签及样式

      本文链接:https://www.haomeiwen.com/subject/lnoxbftx.html