Bootstrap框架-----排版

一、标题

  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> 标签主要用于发言、技术词汇等。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,694评论 1 92
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,744评论 3 184
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,655评论 0 8
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,742评论 32 459
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,612评论 0 5

友情链接更多精彩内容