Bootstrap學習7 排版

2021-08-01 05:54:51 字數 957 閱讀 7106

頁面主體

bootstrap 全域性

font-size 設定為 14px,

line-height 設定為 1.428。

這些屬性直接賦予 元素和所有段落元素。

另外,(段落)元素還被設定了等於 1/2 行高(即 10px)的底部外邊距(margin)。

預設行高20px

.lead類

中心內容

突出顯示

使用 less 工具構建

詳見 : variables.less

檔案中定義的兩個 less 變數決定了排版尺寸:

@font-size-base — 預設 14px

@line-height-base — 預設 20px

內聯文字元素

內聯文字marktext>
標記刪除

標記無用

標記無用s>
插入文字

ins>

下滑線

u>

小號字型:父容器的85%

著重

strong>

斜體

rendered as italicized textem>
對齊

class="text-left">左對齊p>

class="text-center">居中p>

class="text-right">右對齊p>

class="text-justify">兩端對齊p>

class="text-nowrap">鬆散對齊p>

HTML學習3 排版標記

上節,我們學習了boda常用的屬性以及html的一些標記,但是圖顯示的效果卻不是那麼的好看。原因就是沒有排版好,我們這次使用居中來使這個頁面更好看一點,順便多加入幾個別的標記。html排版標記 1 表示乙個段落。一段文字放在p標記裡就可以了。常用屬性 align 水平對齊方式,取值 left 左對齊...

5002 排版問題

time limit 3 second memory limit 2 mb 問題描述 寫電子郵件是有趣的,但不幸的是經常寫不好看,主要是因為所有的行不一樣長,你的上司想要發排版精美的電子郵件,你的任務是為他編寫乙個電子郵件排版程式。完成這個任務最簡單的辦法是在太短的行中的單詞之間插入空格,但這並不是...

HTML4 排版標記

段落 哈哈哈哈哈哈 屬性 align left 左對齊 align right 右對齊 align center 居中對齊 換行文字不換行 實體 1最大,6最小 會自動換行,插入乙個空行 屬性 align left 左對齊 align right 右對齊 align center 居中對齊 size...