文字排版 - bootStrap4常用CSS笔记
生活随笔
收集整理的這篇文章主要介紹了
文字排版 - bootStrap4常用CSS笔记
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
| 【文字常用標(biāo)簽】 | ? |
| <h1>、<h2>、<h3>、<h4>、<h5>、<h6> | 標(biāo)題類標(biāo)簽,h1字體最大以次類推 |
| <small> | 更小、顏色更淺的字號(hào)。 |
| <mark> | 黃色背景及有一定的內(nèi)邊距的文本 |
| <abbr> | 簡(jiǎn)要標(biāo)簽, 結(jié)合title使用,示例: <abbr title="移上去顯示這里的文字">Add:</abbr> |
| <blockquote> | 引用標(biāo)簽,可結(jié)合.blockquote 類,及footer標(biāo)簽、blockquote-footer 示例:<blockquote class="blockquote">內(nèi)容 <footer class="blockquote-footer">腳底</footer> </blockquote> |
| <dl>、<dt>、<dd> | 在bootstrap中,dt、dd默認(rèn)為塊級(jí)元素。其中dt為粗體字。 |
| <code> | 內(nèi)聯(lián)代碼樣式 |
| <pre> | 塊級(jí)代碼樣式 |
| <kbd> | 內(nèi)聯(lián)樣式,黑色圓角邊框,白字樣式。 |
| 【文字常用樣式】 | ? |
| .display-{1到4} | 標(biāo)題類,顯示更大的字號(hào),值為1-4,display-1字號(hào)最大。 |
| .small | 更小、顏色更淺的字號(hào)。 |
| .font-weight-bold | 粗體 |
| .font-weight-normal | 普通文本 |
| .font-weight-light | 更細(xì)的文本 |
| .font-italic | 斜體文本 |
| .lead | 讓段落更突出 |
| .text-left | 左對(duì)齊 |
| .text-right | 右對(duì)齊 |
| .text-center | 居中對(duì)齊 |
| .text-justify | 兩端對(duì)齊 |
| .text-nowrap | 段落中超出屏幕部分不換行 |
| .text-lowercase | 設(shè)定文本小寫(xiě) |
| .text-uppercase | 設(shè)定文本大寫(xiě) |
| .text-capitalize | 設(shè)定單詞首字母大寫(xiě) |
| .initialism | 顯示在 <abbr> 元素中的文本以小號(hào)字體展示,且可以將小寫(xiě)字母轉(zhuǎn)換為大寫(xiě)字 |
| .list-unstyled | 移除默認(rèn)的列表樣式,列表項(xiàng)中左對(duì)齊 ( <ul> 和 <ol> 中)。 這個(gè)類僅適用于直接子列表項(xiàng) (如果需要移除嵌套的列表項(xiàng),你需要在嵌套的列表中使用該樣式) |
| .list-inline | 內(nèi)聯(lián)列表樣式。將所有列表項(xiàng)放置同一行 |
| .pre-scrollable | 使 <pre> 元素可滾動(dòng),代碼塊區(qū)域最大高度為340px,一旦超出這個(gè)高度,就會(huì)在Y軸出現(xiàn)滾動(dòng)條 |
| 【文字顏色樣式】 | ? |
| .text-muted | 柔和的文本 |
| .text-primary | 重要的文本 |
| .text-success | 執(zhí)行成功的文本 |
| .text-info | 代表一些提示信息的文本 |
| .text-warning | 警告文本 |
| .text-danger | 危險(xiǎn)操作文本 |
| .text-secondary | 副標(biāo)題 |
| .text-white | 白色文本(白色背景上看不清楚) |
| .text-dark | 深灰色文字 |
| .text-light | 淺灰色文本(白色背景上看不清楚) |
轉(zhuǎn)載于:https://www.cnblogs.com/wm218/p/10654559.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的文字排版 - bootStrap4常用CSS笔记的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: C#中数据类型及其转换知识点汇总
- 下一篇: 黑马程序员, html css java