文字排版 - bootStrap4常用CSS笔记
生活随笔
收集整理的這篇文章主要介紹了
文字排版 - 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笔记的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C#中数据类型及其转换知识点汇总
- 下一篇: CSS效果