zoukankan      html  css  js  c++  java
  • 排版样式


    1.页面主体
    Bootstap 将全局font-size设置为14px,line-height 行高设置为1.428(即20px);
    <p>段落元素被设置等于1/2行高(即10px);颜色被设置为#333;
    h1 36px;h2 30px;h3 24px;margin-top:20px;margin-bottom:10px;
    h4 18px;h5 14px;h6 12px;margin-top:10px;margin-bottom:10px;

    通过添加 .lead 类可以让段落突出显示。
    del(被删除),s(无用):删除线
    ins(插入).u(带下划线):下划线
    strong:加重
    em:斜体

    class调用==>class="text-left"
    text-left:左对齐 text-center:中间对齐 text-right:右对齐
    text-justify:两端对齐
    text-nowrap:不换行,如果需要换行,可以强制其在同一行
    text-lowercase:英文小写
    text-uppercase:英文大写
    text-capitalize:首字母大写
    initialism:原始字体的90%,并且英文全部变为大写


    abbr:缩略语,缩略的是title部分,相当于一个提示语句
    <abbr title="attribute">attr</abbr>

    去除倾斜
    <address>
    <abbr title="Phone">P:</abbr> (123) 456-7890
    </address>

    引用:默认左对齐,加blockquote-reverse,则反方向对齐即右对齐
    <blockquote class="blockquote-reverse">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    </blockquote>
    <code>123</code>:背景色为淡粉红,字体颜色红色,圆角矩形
    <kbd>cd</kbd>:类似键盘被键入,背景色为黑色,字体颜色白色,圆角矩形

    ul
    list-unstyled:移除默认样式
    list-inline:内联,将其置为一行

    dl
    dl-horizontal:水平方向==》Description lists A description list is perfect for defining
    terms.

    <samp> 标签来标记程序输出的内容。

    在 HTML5 中可以放心使用 <b> 和 <i> 标签。<b> 用于高亮单词或短语,不带有任何着重的意味;而 <i> 标签主要用于发言、技
    术词汇等。


    对于不需要强调的inline或block类型的文本,使用 <small> 标签包裹,其内的文本将被设置为父容器字体大小的 85%。
    标题元素中嵌套的 <small> 元素被设置不同的 font-size 。标题中一般为65%。

  • 相关阅读:
    Python列表推导式,字典推导式,元组推导式
    python装饰器@,内嵌函数,闭包
    7-route命令
    6-mv命令
    5-ln链接命令
    4-linux建立用户用户组以及新用户的赋权
    3-gzip压缩解压命令
    2-date命令
    1-cp命令
    UIViewContentMode的各种效果
  • 原文地址:https://www.cnblogs.com/cn-blog-cn/p/5910045.html
Copyright © 2011-2022 走看看