位置: 编程技术 - 正文

全面解析Bootstrap排版使用方法(标题)(全面解析朝鲜战争)

编辑:rootadmin

推荐整理分享全面解析Bootstrap排版使用方法(标题)(全面解析朝鲜战争),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:全面解析李可破格救心汤,全面解析A型天秤座男,全面解析西游记,全面解析李可破格救心汤,全面解析A型天秤座男,全面解析李可破格救心汤,全面解析李可破格救心汤,全面解析vip,内容如对您有帮助,希望把文章链接给更多的朋友!

Bootstrap和普通的HTML页面一样,定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示:

效果如下:

全面解析Bootstrap排版使用方法(标题)(全面解析朝鲜战争)

除此之外,我们在Web的制作中,常常会碰到在一个标题后面紧跟着一行小的副标题。在Bootstrap中他也考虑了这种排版效果,使用了<small>标签来制作副标题。这个副标题具有其自己的一些独特样式:

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

2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的%;而在h4~h6内的字号都设置为当前字号的%;

效果如下:

如果大家还想深入学习,可以点击这里进行学习,再为大家附两个精彩的专题:Bootstrap学习教程 Bootstrap实战教程

本文链接地址:https://www.jiuchutong.com/biancheng/386338.html 转载请保留说明!

上一篇:javascript作用域链(Scope Chain)用法实例解析(javascript作用域链)

下一篇:JavaScript基础篇(3)之Object、Function等引用类型(javascript基础编程)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络