Bootstrap-标题样式

Bootstrap重新设置了margin-top和margin-bottom的值，

h1~h3重置后的值都是20px；
h4~h6重置后的值都是10px。

所有标题的行高都是1.1（也就是font-size的1.1倍）,而且文本颜色和字体都继承父元素的颜色和字体。

固定不同级别标题字体大小，

h1=36px，
h2=30px，
h3=24px，
h4=18px，
h5=14px，
h6=12px。

<div class="h1">标题一的字体大小为36px</div>
<div class="h2">标题一的字体大小为30px</div>
<div class="h3">标题一的字体大小为24px</div>
<div class="h4">标题一的字体大小为18px</div>
<div class="h5">标题一的字体大小为14px</div>
<div class="h6">标题一的字体大小为12px</div><hr>
<!-- 副标题 -->
<div class="h1">床前明月光 <small>疑是地上霜</small></div>

Bootstrap-标题样式相关推荐

bootstrap 标题居中加颜色_BootStrap从基础到项目实战_第1季_03章_01_CSS样式之栅格布局...
目标目标一.理解什么是栅格布局目标二.掌握栅格布局具体应用目标三.掌握BootStrap通用CSS样式(排版.代码.代码.表单.按钮.图片.辅助类.响应式工具) 内容一.BootStrap全局 ...
rows是横着的还是cols_在Flask中如何自定义TextAreaField的rows和cols且将表单渲染为bootstrap的样式?...
flask-bootstrap提供了quick_form()这个方法用来快速渲染表单的样式.但是它无法指定rows和cols. forms.py class PostArticle(Form): ti ...
Spire.Doc系列教程：C# 根据 Word 的标题样式获取文字
Spire.Doc支持获取Word文档中段落(Paragraph)和文本范围(TextRange)的样式,例如标题(Title).标题1(Heading 1).副标题(Subtitle)等.当然,我们 ...
如何设置多级标题_办公技巧|标题样式amp;多级列表结合，再也不用手动修改1.1、1.2 ...！...
每周一句 Accept the things you cannot change. Have the courage to change the things you can. 接受那些你也无法改变的 ...
Bootstrap 图片样式
Bootstrap为图片提供了 3 种显示效果,使用方法也非常简单,只需为 <img> 元素应用 .img-rounded..img-circle..img-polaroid 类即可.其中 ...
Word标题样式关联多级列表
标题样式关联多级列表点击"开始"菜单,然后在"段落"对话框中点击"多级列表"图标右侧的黑色小三角形,在弹出的列表中点击"定义新的 ...
Word标题样式前编号显示黑块
原因是标题模式重复 1 把可能重复没有用的一个标题样式删除 2 此时再把光标放置在黑块的后面,然后在键盘上按左方向键(←),则黑块变灰色(为选中状态). 3 按下ctrl+shift+s, 出现应用样 ...
Java后端实现Excel导出，及添加Excel文件标题样式
简单Java实现Excel文件导出 Java导出要在action层(controller层)中操作需要到的jar包: 后端代码: 后面两个函数都是设置Excel文件里的标题样式,专注第一个方法就可以 ...
Bootstrap按钮样式
Bootstrap按钮样式 1.新建一个web项目ch07. 2.在ch07中新建一个demo01.html,将css文件模版导入进来. 3.将移动设备优先拷贝到demo01的头文件中. <me ...
word排版----分节、页眉页脚、页码、制作标题样式
最近在用word写一些课程论文,被一些格式问题困扰许久,经过网上搜集资料加上自己的尝试,解决了部分问题,特此记录下. 标题样式的制作.略. 分节.主要涉及到分节符.附上一篇介绍分节符的文档. http ...

Bootstrap-标题样式

Bootstrap-标题样式相关推荐

最新文章

热门文章