zoukankan      html  css  js  c++  java
  • BootStrap排版

    BootStrap使用Helvetica Neue、Helvetica、Arial和sans-serif作为默认的字体栈。

    BootStrap默认定义了<h1>到<h6>的标题样式。

    如果需要在任何一个标题添加一个内联 子标题。只需要添加<small>或添加small.class。

    给段落添加强调文本,利用class=“lead”。

    HTML的默认强调标签<small>(设置文本为父文本大小的85%)、<strong>(设置文本为更粗的文本)、<em>(设置文本为斜体)。

    文本样式标签有:text-left(向左对齐文本)、text-right(向右对齐文本)、text-center(居中对齐文本)、text-muted(文本内容减弱)、text-primary(文本带有primary样式)

                                 text-success、text-info、text-warning。

    BootStrap定义<abbr>元素样式为显示在文本底部的一条虚线边框,当鼠标悬停在上面时会显示完整的文本。

    地址标签<address>,网页上显示联系信息。

    引用标签<Blockquote>、可以添加一个<small>标签来标识引用的来源。

    BootStrap支持有序列表、无序列表和定义列表。

    有序列表:指以数字或其他有序字符开头的列表。

    无序列表:没有特定顺序的列表(可以使用class.list-unstyled来移除样式,也可以利用class.list-inline把所有的列表项放在同一行中)。

    定义列表:包含了<dt>定义术语,如字典,<dd>元素,<dd>元素是<dt>的描述。

    <dl>默认样式堆叠在一起,随着导航条逐渐展开而排列在一行。

    其他文本样式:text-justify(设置文本对齐、段落中超出屏幕部分文字自动换行)、text-nowrap(段落中超出屏幕部分不换行)、text-lowercase(设定文本小写)、

                             text-uppercase(设定文本大写)、text-capitalize(设置单词首字母大写)、blockquote-reverse(设定引用右对齐)、list-inline(将所有列表项放置同一行)、dl-horizontal(设置了浮动和偏移)、pre-scrollable(使用<pre>元素可滚动)。

  • 相关阅读:
    css最简单的在背景图片上显示模糊背景色的方法
    css添加网格背景
    获取bing必应图片
    JavaScript超过一定高度导航添加类名
    6行css就可以解决的瀑布流布局的方法
    css实现背景图横向滚动
    JavaScript根据一个元素的显示隐藏控制另一个元素的显示和隐藏
    JavaScript判断地址栏链接与导航栏链接是否一致并给导航添加class
    JavaScript实现选中文字自动复制
    Day 74 算法基础(二)
  • 原文地址:https://www.cnblogs.com/cye9971-/p/10605494.html
Copyright © 2011-2022 走看看