位置: 编程技术 - 正文

全面解析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实现微信直播)

  • 不动产租赁属于经营租赁吗
  • 增值税小规模纳税人
  • 工商局打印机读档案委托书
  • 滞纳金按什么比例算
  • 保险公司营销人员个人先进事迹材料
  • 收到保险公司开票怎么做账
  • 经营租入的固定资产是资产吗
  • 开了专票不报销犯法吗
  • 过路费是地税还是国税
  • 餐饮企业员工
  • 离职补偿金怎么计算
  • 仓库盘盈计入什么会计
  • 银行存款二级明细科目有哪些
  • 建筑工程公司开票如何做收入
  • 客户到款打到子公司账上如何转回
  • 收入是零招待费怎么汇算
  • 企业外购材料的入账价值包括
  • 杜邦分析法的三个核心是什么
  • 生育津贴计入应付职工薪酬吗
  • 政府性基金收入来源三种
  • 水土保持补偿费是一次性征收吗
  • 附加税是按照应交增值税还是已交
  • 分配水电费包括税费吗
  • 投标保证金利息规定
  • 筹建期固定资产是否要折旧
  • 哪些情况下可以终止心肺复苏
  • 主营业务成本如何算
  • php解构
  • 银行承兑汇票开出后可以撤销吗?
  • php 设计模式
  • cpu版本的pytorch可以运行LSgan嘛
  • 库房存货标准
  • 微信小程序前端源码
  • phpwhile用法
  • 国家最高科技奖2018
  • vue 查询
  • 注册资金不能到位怎么办
  • 长期待摊费用的会计分录
  • 部门差旅费预算表
  • 纯HTML+CSS小兔鲜儿网站首页(静态网页)
  • h5项目怎么打包成app
  • 解决什么情况
  • 03-JavaScript基础
  • 税务局批扣是什么意思
  • python初学笔记
  • 民办非企业现金流量表的编制公式
  • 如何测试php
  • Windows上PostgreSQL安装配置教程
  • mongodb索引存储方式
  • 借款可以抵货款吗
  • 财务负责人和法人可以一个人吗
  • 受托加工的物资是存货吗
  • 物业公司代收代付租金要开发票吗
  • 2020发票丢失新规
  • 外贸企业退税政策
  • 调整以前年度的费用怎么做
  • 农业合作社成本有哪些
  • 兼职会计做什么工作
  • 凭证上的数字金额怎么填
  • mysql输入密码命令
  • 备受大家关注的成语
  • win7打开注册表的命令
  • win7系统如何提升开关机速度
  • win7桌面显示电脑图标
  • windows8.1开机
  • win10怎么关闭欢迎界面
  • 延长药品使用时间的方法
  • linux安装与基本命令
  • win8怎么删除所有东西
  • cocos2dx如何通过Image获取指定点颜色值
  • 用球体模拟天空的游戏
  • 用正则表达式替换掉两汉字间的括号
  • Node.js中的construct构造函数
  • linux同名文件
  • unity quaternion.angle
  • jquery设置内容
  • 工商局税收
  • 电梯维修费的税率
  • 江苏税务个税查询
  • 社保交五百多
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设