文字排版 - bootStrap4常用CSS笔记

【文字常用标签】
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>	标题类标签，h1字体最大以次类推
<small>	更小、颜色更浅的字号。
<mark>	黄色背景及有一定的内边距的文本
<abbr>	简要标签, 结合title使用,示例: <abbr title="移上去显示这里的文字">Add:</abbr>
<blockquote>	引用标签，可结合.blockquote 类，及footer标签、blockquote-footer 示例：<blockquote class="blockquote">内容 <footer class="blockquote-footer">脚底</footer> </blockquote>
<dl>、<dt>、<dd>	在bootstrap中，dt、dd默认为块级元素。其中dt为粗体字。
<code>	内联代码样式
<pre>	块级代码样式
<kbd>	内联样式，黑色圆角边框，白字样式。
【文字常用样式】
.display-{1到4}	标题类，显示更大的字号，值为1-4，display-1字号最大。
.small	更小、颜色更浅的字号。
.font-weight-bold	粗体
.font-weight-normal	普通文本
.font-weight-light	更细的文本
.font-italic	斜体文本
.lead	让段落更突出
.text-left	左对齐
.text-right	右对齐
.text-center	居中对齐
.text-justify	两端对齐
.text-nowrap	段落中超出屏幕部分不换行
.text-lowercase	设定文本小写
.text-uppercase	设定文本大写
.text-capitalize	设定单词首字母大写
.initialism	显示在 <abbr> 元素中的文本以小号字体展示，且可以将小写字母转换为大写字
.list-unstyled	移除默认的列表样式，列表项中左对齐 ( <ul> 和 <ol> 中)。这个类仅适用于直接子列表项 (如果需要移除嵌套的列表项，你需要在嵌套的列表中使用该样式)
.list-inline	内联列表样式。将所有列表项放置同一行
.pre-scrollable	使 <pre> 元素可滚动，代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条
【文字颜色样式】
.text-muted	柔和的文本
.text-primary	重要的文本
.text-success	执行成功的文本
.text-info	代表一些提示信息的文本
.text-warning	警告文本
.text-danger	危险操作文本
.text-secondary	副标题
.text-white	白色文本（白色背景上看不清楚）
.text-dark	深灰色文字
.text-light	浅灰色文本（白色背景上看不清楚）

转载于:https://www.cnblogs.com/wm218/p/10654559.html

文字排版 - bootStrap4常用CSS笔记相关推荐

导航栏(navbar) - bootStrap4常用CSS笔记
导航栏:navbar 导航栏容器可以包含以下几个常用组成: 1.品牌LOGO(.navbar-brand ) 2.导航菜单(.navbar-nav) 3.导航文本(.navbar-text) 4.折叠 ...
背景颜色 - bootStrap4常用CSS笔记
.bg-primary 重要的背景颜色 .bg-success 执行成功背景颜色 .bg-info 信息提示背景颜色 .bg-warning 警告背景颜色 .bg-danger 危险背景颜色 .bg- ...
rounded-{0 | top | right | bottom | left | circle } 边角半径设置 - bootStrap4常用CSS笔记（2019-05-16 09:38）...
.rounded 四边都带有0.25rem的半径,见下图 .rounded-0 四边都是直角,见下图: .rounded-left 左上角.左上角都带有0.25rem的半径,见下图: .rounded ...
【前端第四课】CSS值和单位；CSS文字排版；CSS变换，过渡，动画；CSS定位
目标了解掌握CSS值和单位了解掌握CSS文字排版了解掌握CSS变换,过渡,动画了解掌握CSS定位 CSS的值和单位 https://developer.mozilla.org/zh-CN/do ...
amazeui学习笔记--css（基本样式3）--文字排版Typography
amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块 ...
php中的文字排版问题,CSS布局中常用的文字排版相关属性详解
本篇文章给大家带来的内容是关于CSS布局中常用的文字排版相关属性详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS布局中常用的文字排版相关属性详解一.设定文字字体.颜色.大 ...
Bootstrap4+MySQL前后端综合实训-Day02-AM【Bootstrap4(入门、环境搭建、文字排版、颜色、表格、图片、进度条、折叠、输入框组、模态框)、Font Awesome字体图标】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记] 目录 Typora语法 Day01-知识回顾 1.前端部分 flex布局 2.Bootstr ...
css网页布局中文字排版的属性和用法
前段时间,学习了几个大的网站的图文混排的方法.今天总结下, css网页布局中文字排版的相关属性以及用法 .包括:设定字体.颜色.大小.段落空白,首字下沉.首行缩进.中文字的截断.固定宽度词内折行(wo ...
CSS格式化文字排版
对文字排版都有哪些操作?常用word的人肯定能够随口道来:字体.字号.颜色.缩进.对齐.行高.下划线等等.没错,这些都是在文字排版中比较常用的项.同样也用于网页页面的文字排版中. 字体为网页中的文字 ...

文字排版 - bootStrap4常用CSS笔记

文字排版 - bootStrap4常用CSS笔记相关推荐

最新文章

热门文章