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

文本标签&样式

有语意

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

推荐阅读更多精彩内容

  • 一,文本标签 (1)<em>和<strong>,<i>,<b>,<cite>标签 通常em显示为斜体,而stron...
    HDhandi阅读 1,158评论 0 0
  • 1. 和 标签 em 标签用于表示一段内容中的着重点strong标签用于表示一个内容的重要性这两个标签可以单独使用...
    rtrhhthth阅读 946评论 0 0
  • 和 em标签用于表示一段内容中的着重点。 strong标签用于表示一个内容的重要性。这两个标签可以单独使用,也可以...
    2simple阅读 1,163评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,377评论 1 41
  • 风铃在摇晃 听雨在敲打 操场的枝桠 亲吻着篱笆 屋檐在滴雨 吵醒了盛夏 清晨的窗外 羞答的嫩芽 海风吹过 留长后的...
    YuXiAn_ChAn阅读 231评论 0 0