排版样式


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;api

经过添加 .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%,而且英文所有变为大写code


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

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

引用:默认左对齐,加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>:相似键盘被键入,背景色为黑色,字体颜色白色,圆角矩形rem

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

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

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

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

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

相关文章
相关标签/搜索