标签:
具体排版
1、标题和标题类 <h1> ~<h6>和.h1~h6|副标题<small>和.small
font-size margin-top margin-bottom
h1 36px 20px 10px
h2 30px 20px 10px
h3 24px 20px 10px
h4 18px 10px 10px
h5 14px 10px 10px
h6 12px 10px 10px
2、内容、p段落 font-size:14px; line-height:20px;margin-bottom:10px;
3、强调突出内容 .leader{margin-bottom:20px;font-size:16px(min-width:768:21px);font-weight:300;}
4、标记文本<mark>和.mark {padding/background-color}
5、删除的文本<del> 浏览器自带样式
6、无用的文本<s> 浏览器自带样式
7、插入的文本<ins> 浏览器自带样式
8、带下划线文本<u> 浏览器自带样式
9、小号文本<small>和.small {font-size:85%;}
10、着重<strong> 浏览器自带样式 有语气
11、斜体<em> 浏览器自带样式 有语气
12、高亮文本<b> 浏览器自带样式 不带语气
13、斜体<i> 浏览器自带样式 不带语气 一般用于技术词汇、发言
14、文本对齐 .text-left .text-center .text-right .text-justify .text-nowrap
15、字母大小写 .text-lowercase .text-uppercase .text-capitalized
16、缩略语 <abbr title=””> {cursor/border-bottom}
17、首字母缩略语 <abbr title .initialism> {font-size:90%/uppercase}
18、地址 <address> {font-style}
19、引用 <blockquote> {padding/font-size/border-left}
20、引用+命名来源 <footer> <cite>
21、引用反向风格 .blockquote-reverse
22、无序列表 <ul> {margin-top/margin-bottom}
23、有序列表 <ol> {margin-top/margin-bottom}
24、无样式列表 .list-unstyled {padding-left/list-style}
25、内联样式 .list-inline {padding-left/margin-left/list-style} {display/padding}
26、定义列表 <dl> {margin-top/margin-bottom} {font-weight} {margin-left}
27、定义列表水平排列 .dl-horizontal
28、代码 <code> {padding/font-size/color/background-color/border-radius}
29、用户输入 <kbd> {padding/font-size/color/background-color/border-radius /box-shadow}
30、代码块 <pre> {padding/margin/font-size/color/background-color/word-break/word-wrap/border/border-radius}
31、变量 <var> 浏览器自带样式
32、程序输出 <samp> {font-family}
标签:
原文地址:http://www.cnblogs.com/bsj2016/p/5415664.html