美文网首页
前端--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--文本的标签和样式

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