bootstrap預設字體大小是「14px」;Bootstrap是一個基於HTML、CSS、JavaScript的開源框架,用於快速建立基於PC端和行動裝置的響應式web頁面,並且預設的行高為“20px”,p元素行高為“10px”。
本教學操作環境:Windows10系統、bootstrap5版、DELL G3電腦
bootstrap的全域預設字體大小為14px
Bootstrap是一個基於HTML CSSJavaScript的開源框架,用於快速建立基於PC端和行動裝置的響應式web頁面
bootstrap頁面排版
1.Bootstrap中預設的字體大小為14px,(Nativeapp字體預設為17)行高為20px,
元素為1/2行高(10px)顏色為#333
2.標題:h1~h6(36px,30px,24px,18px,14px,12px)
3.h標籤下可以嵌套標籤,通常作為副標題使用,h1~h3下:small元素的大小只佔父元素的65%(23.4px,19.5px,15.6px),h4~h6下:small元素只佔父元素的75%(13.5px,10.5px,9px),small標籤的顏色是淺灰色:#777,行高為1,粗度為400.
4.內嵌文字元素
新增標記:// 聽眾朋友大家好,這裡是中央人民廣播電視台
刪除文字://我都賣完了你才來
無用文字://我跟刪除長一樣但是我真無用
插入文字://我是插入文字
強調文字:,
強調文字:,< ;strong>,
//<small>我是标准字号的85%</small> //<strong>我是加粗的:700</strong> //<em>我用的很多,因为我是歪的</em>
5.對齊
<p class=’text-left’>我居左对齐</p> <p class=’text-center’>我居中对齐</p> <p class=’text-right’>我居右对齐</p> <p class=’text-justify’>我两端对齐,但是我支持度不高</p> <p class=’text-nowrap’>我不换行</p>
6.大小寫
<p class=’text-lowercase’>小写</p> <p class=’text-uppercase’>大写</p> <p class=’text-capitalize’>首字母大写</p>
7.地址文字
//地址文本对原本的css样式做的复写,去掉了倾斜,设置了行高 <address> <strong>132132集团</strong> <p>电话:<small>(0232)1231321313</small><p> </address>
8.引用文字
//左边有一个5px的边框线条 <blockquote>看看我左边</blockquote> <blockquote class=’blockquote-reverse’>又在右边了</blockquote> <blockquote class=’pull-right’>同上</blockquote>