位置: 编程技术 - 正文

全面解析Bootstrap排版使用方法(文字样式)(全面解析日本失去的十年)

编辑:rootadmin

推荐整理分享全面解析Bootstrap排版使用方法(文字样式)(全面解析日本失去的十年),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:全面解析日本失去的十年,全面解析日本失去的十年,全面解析白羊座o型血女,全面解析李可破格救心汤,全面解析vip,全面解析vip,全面解析A型天秤座男,全面解析俄乌武器对比,内容如对您有帮助,希望把文章链接给更多的朋友!

一、段落

  段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本):

1、全局文本字号为px(font-size)。

2、行高为1.(line-height),大约是px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能)。

3、颜色为深灰色(#);

二、文字样式

  在实际项目中,对于一些重要的文本,希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。

如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。

1.粗体:在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗。

2.斜体:在Bootstrap中,可以使用<em>或<i>来实现文本斜体。

三、强调类

.text-muted:提示,使用浅灰色(#).text-primary:主要,使用蓝色(#bca).text-success:成功,使用浅绿色(#3cd).text-info:通知信息,使用浅蓝色(#f).text-warning:警告,使用黄色(#8a6d3b).text-danger:危险,使用褐色(#a)

全面解析Bootstrap排版使用方法(文字样式)(全面解析日本失去的十年)

效果如下:

四、文本对齐

  在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格:

&#; 左对齐,取值left

&#; 居中对齐,取值center

&#; 右对齐,取值right

&#; 两端对齐,取值justify

为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格:

&#; .text-left:左对齐

&#; .text-center:居中对齐

&#; .text-right:右对齐

&#; .text-justify:两端对齐

有了文字样式,使得排版效果更清晰简洁,希望大家在自己的作品中多使用一些简单大方的文字样式,使作品脱颖而出,更加具有吸引力。

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

本文系列教程整理到:Bootstrap基础教程 专题中,欢迎点击学习。

标签: 全面解析日本失去的十年

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

上一篇:javascript中eval和with用法实例总结(js中的eval)

下一篇:基于js实现微信发送好友如何分享到朋友圈、微博(基于js实现微信直播)

  • 销售返利可以计入销售费用吗
  • 实收资本怎么交所得税
  • 2023年增值税税率表
  • 工亡赔偿金如何支付
  • 个人所得税减除费用6万元什么意思
  • 个人保险发票能抵扣个税
  • 企业不加入工会可以吗
  • 三方协议缴款账户状态错
  • 开办费计入管理费用后是否要转出
  • 未取得发票如何进应付暂估科目
  • 收到福利费会计分录
  • 小规模纳税人不允许开具零税率发票
  • 企业所得税计提分录怎么写
  • 企业所得税弥补亏损明细表怎么看
  • 员工个人所得税申报方式选哪个
  • 发票入账后还能冲红吗
  • 职工福利费发票开票范围
  • 新注册公司税务报到
  • 已交税金怎么做账
  • 供应商赠送
  • 增值税申报表附表二填表说明
  • 反映留存收益的账户
  • 员工工伤一次性赔偿申请书
  • 王者荣耀中吕布的克星
  • 返利冲减收入
  • 苹果手机下载手机克隆哪个版本
  • win11系统开机密码怎么修改
  • 独享20m网速快吗
  • 贴吧热门评论
  • tdxcef.exe进程
  • PHP:curl_setopt_array()的用法_cURL函数
  • 存货的毁损通过什么科目核算
  • 进项税额是
  • 最快的计算机是量子计算机吗
  • yolov5模型中git的作用
  • 出口退免税备案
  • thinkphp框架介绍
  • 投资收益属于营业外收入吗
  • php连接redis集群
  • uniapp中使用amap-vue,设置安全密钥
  • 前端资源浏览器下载
  • 公司开的餐费专票可以抵扣吗
  • 银行的抵债资产会过到银行名下吗
  • 小微公司开票
  • 未分配利润为负数严重吗
  • 房地产开发企业增值税税率
  • 政府补助的内容
  • 什么样的纳税人属于小规模纳税人
  • 库存股 注销
  • 发票开错作废如何处理?
  • 财务费用包括什么项目
  • 汇算期间取得以下收入
  • 小规模纳税人收入不能超过多少
  • 企业所得税国税地税怎么分
  • 出售房产收入属于转让财产收入吗
  • sql基本教程
  • Windows10下mysql 5.7.17 安装配置方法图文教程
  • mac个性定制在哪
  • win7 txt文件属性更改
  • 电脑windows7无法验证此文件
  • lsm.exe是什么程序
  • linux命令行图片
  • windows错误1058
  • 在linux操作系统中
  • linux自动化装机
  • js call.call
  • 高级控件动态数据加载过程有哪些
  • 家字取名男孩名字
  • python的删除命令
  • js对象用法
  • jQuery使用animate实现ul列表项相互飘动效果示例
  • jquery怎么写轮播图
  • jquery教程
  • javascript面向对象编程指南 pdf
  • 为什么python那么难
  • 海南税务局增值税按次缴纳
  • 青岛税务局局长是什么级别?
  • 预缴纳税申报个税怎么算
  • 税务投诉电话12345
  • 企业并购重组的方式有哪些
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设