全局样式:

 

  1.移除Body的margin声明;

  2.设置Body的背景色为白色;

  3.为排版设置了基本的字体,字号和行高;

  4.设置全局连接颜色,且当连接处于悬浮:hover状态时,才会显示下划线样式;

 

标题(一)

 

元素     字体大小 计算比例 其他
h1 36px 14px*2.60

magin-top:20px

margin-bottom:10px

h2 30px 14px*2.15 同上
h3 24px 14px*1.70 同上
h4 18px 14px*1.25

magin-top:10px;

margin-bottom:10px

h5 14px

14px*1

同上
h6 12px 14px*0.85 同上

  1.重新设置了margin-top和margin-bottom的值,h1-h3重置后的值都是20px;h4-h6重置后的值都是10px;

  2.所有标题的行高都是1.1,而且文本颜色和字体都是继承父类的颜色和字体;

  3.固定不同级别标题字体大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px,h6=12px;

  

标题(二)  副标题

  用<small>标签来制作副标题,副标题也有自己的样式:

  1.行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色;

  2.由于<small>内的文本字体在h1-h3内,其大小都设置为当前字号的65%,而在h4-h6内的字号都设置为当前字号的75%;详细代码见bootstrap.css中407行-443行。