美文网首页
Bootstrap框架-----排版

Bootstrap框架-----排版

作者: 小草莓蹦蹦跳 | 来源:发表于2017-09-24 13:34 被阅读0次

    一、标题

    1. HTML 中的所有标题标签,<h1> 到 <h6> 均可使用。另外,还提供了 .h1 到 .h6
      类,为的是给内联(inline)属性 的文本赋予标题的样式(注意是内联)

    2. 在标题内还可以包含 <small> 标签或赋予 .small 类的元素,可以用来标记副标
      题。

    二、页面主体

    1. Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。
    
       这些属性直接赋予 <body> 元素和所有段落元素。
    
       另外,<p> (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。
    
    1. 中心内容:通过添加 .lead 类可以让段落突出显示。

    三、内联文本元素

    1. 让文本重点突出:使用mark标签对: <mark></mark>
    
    2. 对于被删除的文本使用 <del> 标签。
    
    3. 对于没用的文本使用 <s> 标签。
    
    4. 额外插入的文本使用 <ins> 标签。
    
    5. 为文本添加下划线,使用 <u> 标签。
    
    6. 小号文本:对于不需要强调的inline或block类型的文本,
      使用 <small> 标签包裹,其内的文本将被设置为父容器字体大小的 85%。
      标题元素中嵌套的 <small> 元素被设置不同的 font-size 。
      你还可以为行内元素赋予 .small 类以代替任何 <small>元素。
    
    7. 着重:通过增加 font-weight 值强调一段文本。(strong标签)
    
    8. 斜体: 用斜体强调一段文本。(em标签)
    
    9. 在 HTML5 中可以放心使用 <b> 和 <i> 标签。
       <b> 用于高亮单词或短语,不带有任何着重的意味;
       而 <i> 标签主要用于发言、技术词汇等。
    

    相关文章

      网友评论

          本文标题:Bootstrap框架-----排版

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