• bootstrap快速入门笔记(五)-文本元素类,各种标签,排版


    1,h1到h6这里也有定义了

    2,全局元素被直接赋予font-size 设置为 14pxline-height 设置为 1.428,<p> (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)

    3,“.lead”:让段落突出显示,就是字体加大了,加粗了。

    4,<mark>内联文本元素;文字背景是黄色;

    5,<del>删除文本标签;<s>无用文本标签,和del效果类似;

    6,<ins>插入文本标签;<u>显示文本带有下划线,和<ins>效果类似;

    7,<small>小号文本,是父容器字体的85%,也可以用.small代替;

    8,<strong>强调一段文本;

    9,<em>斜体文本

    10,<b>,<i>在 HTML5 中可以放心使用

    11,对齐:

      text-left,text-center, text-right,

      text-justify:、、注意段落与段落之间不能留任何空行

      text-nowrap//禁止文件自动换行

    12,改变文件大小写:

      text-lowercase:小写

      text-uppercase:大写

      text-capitalize 字首大写

    13,<abbr>缩略语:<abbr title="attribute">attr</abbr>

    14,“.initialism”首字母缩写:<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

    15,地址<address>:<address> <strong>Full Name</strong><br> <a href="mailto:#">first.last@example.com</a> </address>

    16,多种引用样式:

      <blockquote>

      --直接引用建议p标签

      --添加 <footer> 用于标明引用来源。来源的名称可以包裹进 <cite>标签中

         <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> </blockquote>

      --.blockquote-reverse类可以让引用呈现内容右对齐的效果

    17,列表

      无序列表<ul>:

        .list-unstyled:无样式

        .list-inline:将所有元素放置于同一行

      有序列表<ol>

    18,描述:带有描述的短语列表<dl> <dt>...</dt> <dd>...</dd> </dl>

      .dl-horizontal 可以让 <dl> 内的短语及其描述排在一行。开始是像 <dl> 的默认样式堆叠在一起,随着导航条逐渐展开而排列在一行。

      

    19,自动截断:.text-overflow水平排列的描述列表将会截断左侧太长的短语。在较窄的视口(viewport)内,列表将变为默认堆叠排列的布局方式。

  • 相关阅读:
    90. 子集 II
    274. H 指数
    1291. 顺次数
    StreamWriter 跟BinaryWriter的区别
    非常有用的正则表达式
    linux菜单恢复
    VS2008的诡异问题
    一些常用算法 练手的的代码
    string 类型为空的处理方法
    left jion 的多表连接用法。
  • 原文地址:https://www.cnblogs.com/937522zy/p/5010018.html
Copyright © 2020-2023  润新知