排版样式


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%。

posted @ 2016-09-26 17:44  _Nestling  阅读(281)  评论(0编辑  收藏  举报