美文网首页
前端--03Day--文本的标签和样式

前端--03Day--文本的标签和样式

作者: 大白python学习分享 | 来源:发表于2018-08-09 00:25 被阅读0次

一.标签

em 标签用于表示一段内容中的着重点。
strong 标签用于表示一个内容的重要性。
这两个标签可以单独使用,也可以一起使用。
通常em显示为斜体,而strong显示为粗体

i标签会使文字变成斜体。
b标签会使文字变成粗体。
这两个标签和emstrong类似,但是这两 个标签没有语义。

small标签表示细则一类的旁注,通常包括 免责声明、注意事项、法律限制、版权信 息等;在显示small标签是他的字号要比父标签字号小

blockquote用于长引用,q用于短引用

ins表示插入的内容,显示时通常会加上下 划线。
del表示删除的内容,显示时通常会加上删 除线。

<code>和<pre>
<pre>表示预约文本格式;<code>表示如果你的内容是代码就要用他
用<pre>标签包住<code>

有序列表

   <ul >
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
        <li>列表项4</li>
        <li>列表项5</li>
    </ul>
    <ol>
        <li>结构</li>
        <li>表现</li>
        <li>行为</li>
    </ol>

无序列表

    <ol>
        <li>结构</li>
        <li>表现</li>
        <li>行为</li>
    </ol>

定义列表

    <dl>创建
        <dt>笑</dt>描述
        <dd>哈哈</dd>内容
        <dd>呵呵</dd>
        <dd>呃呃</dd>
    </dl>

笑
    哈哈
    呵呵
    呃呃 

二.文本格式化

文本格式化px是基本单位 |百分比也是一个大小,但是百分比是相对于父元素来说的(比例)
em和百分比类似,只不过是相对于font-size来说的,1em = 1font-size

font-family 写这个字体的时候中间有空格的时候,必须在字体格式那里加上引号(样式表的那里)

font-style用来指定文本的斜体。
指定斜体:font-style:italic
指定非斜体:font-style:normal
font-weight用来指定文本的粗体。
指定粗体:font-weight:bold
指定非粗体:font-weight:normal

font-variant属性可以将字母类型设置为小 型大写。在该样式中,字母看起来像是稍 微缩小了尺寸的大写字母
font-weight:bold;粗体
font-style:italic;斜体
font-variant:small-caps;小型大写
字号、字体必须写,不写的话什么效果都出不来 字体要放到最后一位

字体属性的简写
– font:加粗 斜体 小型大写 大小/行高 字体
这里前边几个加粗、斜体和小型大写的顺 序无所谓,也可以不写,但是大小和字体 必须写且必须写到后两个

行间距line-height: 20px;
font-size: 10px;
行高减去字体大小就等于行间距
11.text-align: center 居中对齐
12.text-indent: 2em 首行缩进2个字符

字母间距和单词间距

letter-spacing用来设置字符之间的间距。
word-spacing用来设置单词之间的间距。

今天的分享就到这里了。

相关文章

  • 前端--03Day--文本的标签和样式

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

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

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

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

    文本标签及样式 文本标签 用于强调内容着重点 表示内容的重要性 可以单独使用,也可以一起使用em显示为斜体,str...

  • 文本标签 和 文本样式

    1.文本的标签 ~ 主要表示语气上的强调,在浏览器中默认使用斜体显示 ~ 表示强调内容,默认使用粗体 ~ 标签中...

  • 文本标签和样式

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

  • 前端知识(文本标签及文本样式)1

    1.文本标签:(1) 和 :1):em标签用于一段内容中的着重点。2):strong标签用于表示一个内容的重要...

  • html入门(三)文本标签、文本格式化

    文本标签 要控制文本的格式,除了可以设置标签的style属性,指定样式,还可以直接通过标签来执行样式,这些标签可以...

  • 文本标签and文本样式

    改变字体样式:font-family:字体名称 字体分类: 字体类型: 背景颜色: 文本样式: 文本标签 列表:有...

  • HTML03-day

    文本标签 列表 颜色单位 字体分类 字体样式 行间距 颜色单位 字体其他样式 文本样式

  • iOS 富文本NSAttributedString

    NSAttributedString样式Demo 加载HTML标签文本

网友评论

      本文标题:前端--03Day--文本的标签和样式

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