位置: 编程技术 - 正文
推荐整理分享全面解析Bootstrap排版使用方法(标题)(全面解析朝鲜战争),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:全面解析李可破格救心汤,全面解析A型天秤座男,全面解析西游记,全面解析李可破格救心汤,全面解析A型天秤座男,全面解析李可破格救心汤,全面解析李可破格救心汤,全面解析vip,内容如对您有帮助,希望把文章链接给更多的朋友!
Bootstrap和普通的HTML页面一样,定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示:
效果如下:
除此之外,我们在Web的制作中,常常会碰到在一个标题后面紧跟着一行小的副标题。在Bootstrap中他也考虑了这种排版效果,使用了<small>标签来制作副标题。这个副标题具有其自己的一些独特样式:
1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#)。
2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的%;而在h4~h6内的字号都设置为当前字号的%;
效果如下:
如果大家还想深入学习,可以点击这里进行学习,再为大家附两个精彩的专题:Bootstrap学习教程 Bootstrap实战教程
标签: 全面解析朝鲜战争
本文链接地址:https://www.jiuchutong.com/biancheng/386338.html 转载请保留说明!友情链接: 武汉网站建设