bootstrap-标题
2016-04-19 08:51
736 查看
1、重置了margin-top和margin-bottom的值,h1到h3重置后margin-top的值都是20px;h4到h6重置后的值都是10px;
2、所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都是继承父元素的颜色和字体。
3、固定不同级别的标题字体的大小,h1=36px、h2=30px、h3=24px、h4=18px,h5=14px和h6=12px;
4、此外我们在web的制作中,常常会碰到一个标题后紧跟着一行的小副标题,bootstrap中使用<small>的标签来制作副标题,副标题具有自己的独立样式:
(1)行高都是1,font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置成灰色(#999)。
(2)由于<small>内的文本字体在h1到h3内,其大小都设置为当前字号的65%;而在h4到h6内的字号都设置为当前字号的75%;
2、所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都是继承父元素的颜色和字体。
3、固定不同级别的标题字体的大小,h1=36px、h2=30px、h3=24px、h4=18px,h5=14px和h6=12px;
4、此外我们在web的制作中,常常会碰到一个标题后紧跟着一行的小副标题,bootstrap中使用<small>的标签来制作副标题,副标题具有自己的独立样式:
(1)行高都是1,font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置成灰色(#999)。
(2)由于<small>内的文本字体在h1到h3内,其大小都设置为当前字号的65%;而在h4到h6内的字号都设置为当前字号的75%;
相关文章推荐
- bootstrap支持ie8 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(一)
- bootstrap的demo网站
- 基于Bootstrap实现Material Design风格表单插件 附源码下载
- Bootstrap 模态框(Modal)插件数据传值
- 基于Bootstrap实现Material Design风格表单插件 附源码下载
- Bootstrap简介
- JS组件Bootstrap ContextMenu右键菜单使用方法
- JS组件Bootstrap dropdown组件扩展hover事件
- Bootstrap学习 - 全局CSS样式
- JS组件Bootstrap dropdown组件扩展hover事件
- JS组件Bootstrap ContextMenu右键菜单使用方法
- 在bootstrap ace样式框架上修改的后台管理型模板(Tab页后台管理模板)
- jqGrid使用记录总结
- JAVA bootstrap ClassLoader和JAVA核心API替换 《java -Xbootclasspath/p:F:\myinteger.jar MyIntegerTest》
- 周日任务:了解bootstrap和后台管理系统
- 【一点一滴Bootstrap】可编辑的表格
- bootstrap修改默认字体,更换为微软雅黑或其他字体的方法
- yii使用bootstrap分页样式
- 编辑 编号序列的静态界面(使用bootstrap插件中的dropdown)