首页前端开发其他前端知识bootstrap默认字体大小是14px吗?

bootstrap默认字体大小是14px吗?

时间2024-03-25 17:24:03发布访客分类其他前端知识浏览597
导读:今天就跟大家聊聊有关“bootstrap默认字体大小是14px吗?”的内容,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。 bootstrap默认字体大小...
今天就跟大家聊聊有关“bootstrap默认字体大小是14px吗?”的内容,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

bootstrap默认字体大小是“14px”;Bootstrap是一个基于HTML、CSS、JavaScript的开源框架,用于快速构建基于PC端和移动端设备的响应式web页面,并且默认的行高为“20px”,p元素行高为“10px”。

如何快速入门VUE3.0:进入学习

本教程操作环境:Windows10系统、bootstrap5版、DELL G3电脑

bootstrap默认字体大小是多少

bootstrap的全局默认字体大小为14px

Bootstrap是一个基于HTML CSSJavaScript的开源框架,用于快速构建基于PC端和移动端设备的响应式web页面

bootstrap页面排版

1.Bootstrap中默认的字体大小为14px,(Nativeapp字体默认为17)行高为20px,p> 元素为1/2行高(10px)颜色为#333

2.标题:h1~h6(36px,30px,24px,18px,14px,12px)

3.h标签下可以嵌套small> 标签,通常作为副标题使用,h1~h3下:small元素的大小只占父元素的65%(23.4px,19.5px,15.6px),h4~h6下:small元素只占父元素的75%(13.5px,10.5px,9px),small标签的颜色是浅灰色:#777,行高为1,粗度为400.

4.内联文本元素

添加标记:mark> //p> 听众朋友大家好,这里是mark> 中央人民广播电视台/mark> /p>

删除文本:del> //del> 我都卖完了你才来/del>

无用文本:s> //s> 我跟删除长一样但是我真无用/s>

插入文本:ins> //ins> 我是个插入文本/ins>

强调文本:small> ,strong> ,em>

//small>
    我是标准字号的85%/small>
    
//strong>
    我是加粗的:700/strong>
    
//em>
    我用的很多,因为我是歪的/em>
    

5.对齐

p class=’text-left’>
    我居左对齐/p>
    
p class=’text-center’>
    我居中对齐/p>
    
p class=’text-right’>
    我居右对齐/p>
    
p class=’text-justify’>
    我两端对齐,但是我支持度不高/p>
    
p class=’text-nowrap’>
    我不换行/p>
    

6.大小写

p class=’text-lowercase’>
    小写/p>
    
p class=’text-uppercase’>
    大写/p>
    
p class=’text-capitalize’>
    首字母大写/p>
    

7.地址文本

//地址文本对原本的css样式做的复写,去掉了倾斜,设置了行高
address>
    
strong>
    132132集团/strong>
    
p>
    电话:small>
    (0232)1231321313/small>
    p>
    
/address>
    

8.引用文本

//左边有一个5px的边框线条
blockquote>
    看看我左边/blockquote>
    
blockquote class=’blockquote-reverse’>
    又在右边了/blockquote>
    
blockquote class=’pull-right’>
    同上/blockquote>
    

9.列表排版

//默认样式
ul>
    
li>
    测试/li>
    
li>
    测试/li>
    
li>
    测试/li>
    
/ul>
    
 
//移除默认样式
ul class=’list-unstyled’>
    
li>
    测试/li>
    
li>
    测试/li>
    
li>
    测试/li>
    
/ul>
    
 
//设置成内联
ul class=’list-inline’>
    
li>
    测试/li>
    
li>
    测试/li>
    
li>
    测试/li>
    
/ul>
    

通过以上内容的阐述,相信大家对“bootstrap默认字体大小是14px吗?”已经有了进一步的了解,更多相关的问题,欢迎关注网络或到官网咨询客服。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

bootstrap

若转载请注明出处: bootstrap默认字体大小是14px吗?
本文地址: https://pptw.com/jishu/652927.html
PHP类与对象如何理解?一文带你了解用法 如何理解Ezpop pop序列化链反序列的实现

游客 回复需填写必要信息