美文网首页
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框架-----排版

    一、标题 HTML 中的所有标题标签, 到 均可使用。另外,还提供了 .h1 到 .h6类,为的是给内联(i...

  • 2018-10-08Bootstrap02

    Bootstrap 排版 Bootstrap 使用 Helvetica Neue、 Helvetica、 Aria...

  • 前端框架Bootstrap--排版样式

    Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。 以下是boot...

  • 重写js中的window.alert函数

    使用了bootstrap框架,所以要引入bootstrap框架。

  • Bootstrap 排版

    一、段落 如果要突出显示某个段落内容只需要添加class值为lead即可。 mark标签突出标记文字内容。被标记的...

  • Bootstrap - 排版

    标签 标题:h1~h6 / .h1~.h6副标题: 标签 .h1~.h6 small标签小标题 文本 1)段落 ...

  • Bootstrap - 排版

    Bootstrap bootstrap是可用于架构流行的用户界面和交互接口的html,css,javascript...

  • Bootstrap排版

    (bootstrap3支持的浏览器:Chrome (Mac、Windows、iOS和Android)、Safari...

  • Bootstrap 10.12

    下拉菜单 在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文...

  • [Guice] 2 面向对象化

    1 bootstrap的概念这里的bootstrap不是前端框架BootStrap,那什么是bootstrap呢?...

网友评论

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

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