你的位置:首页 > 网页设计

[网页设计][Bootstrap]全局样式(二)

具体排版

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}