排版學習之三 段落(正文文字)

2021-07-28 04:41:57 字數 1462 閱讀 2741

段落是排版中另乙個重要元素之一。在bootstrap中為文字設定了乙個全域性的文字樣式(這裡所說的文字是指正文文字):

1、全域性文字字型大小為14px(font-size)

2、行高為1.42857143(line-height),大約是20px(大家看到一串的小數或許會有疑惑,其實他是通過less編譯器計算出來的,當然sass也有這樣的功能)。

3、顏色為深灰色(#333)

4、字型為"helvetica neue", helvetica, arial, sans-serif;(font-family),或許這樣的字型對我們中文並不太合適,但在實際專案中,大家可以根據自己的需求進行重置,在此我們不做過多闡述,我們回到這裡。該設定都定義在元素上,由於這幾個屬性都是繼承屬性,所以web頁面中文字(包括段落p元素)如無重置都會具有這些樣式效果。

/*原始碼請檢視bootstrap.css檔案中第274行~280行*/

body

另外在bootstrap中,為了讓段落p元素之間具有一定的間距,便於使用者閱讀文字,特意設定了p元素的margin值(預設情況之下,p元素具有乙個上下外邊距,並且保持乙個行高的高度):

/*原始碼請檢視bootstrap.css檔案中第467行~469行*/

p
如果你對css預處理器有所了解,那麼你完全可以根據bootstrap提供的預編譯版本less(或者sass)進行自定義排版設定。在bootstrap中,排版設定的預設值都存在variables.less檔案中(sass版本存在_variables.scss中)的兩個變數:

less版本:

@font-size-base: 14px; @line-height-base: 1.428571429; // 20/14
sass版本:

$font-size-base: 14px !default; $line-height-base: 1.428571429 !default; // 20/14
第一條語句用於設定字型大小,第二條語句用於設定行高。系統預設使用這兩個值產生整個頁面相應的margin、paddingline-height的值。換句話說,你只需要修改這兩個變數的值,然後重新編譯,就可以自定義自己的bootstrap排版樣式。(有興趣的同學可以嘗試一下,此處對於less或sass版本運用不做過多闡述)。

三段論邏輯

一。承前啟後 前面說過,邏輯學是研究 推論 的學科。推論的有效性取決於它的形式而不取決於它的內容。推論是由命題組成的,而命題又是由詞項組成的。前面一段討論的是命題邏輯,命題邏輯只研究簡單命題和復合命題之間的關係,這種復合邏輯的真值僅僅取決於其支命題的真值,不涉及到命題內部的詞項之間的邏輯關係。命題邏...

二段提交協議 三段提交協議

1 二段提交協議 2pc提交事務階段 投票階段 協調者發起事務請求到所有的參與者,參與者接收到事務請求後判斷自身情況,如果不能執行事務,則反饋不能提交事務,返回no,如果可以就執行事務,並將undo和redo資訊記錄事務日誌中,反饋yes 執行事務階段 協調者收到所有參與者反饋yes就發布commi...

調音台 三段EQ調音

調音台最主要的作用之一就是對音色進行修飾,而現在的調音台 高檔除外 音調部分幾乎無一例外都是三段式均衡器 高頻 低頻再加乙個中頻參量均衡器,即高音頻率lokhz或是2khz,低音80hz或是100hz,有些則標個英文的hi和lo讓你去猜,但你猜以上引數也會 不離十。中頻則是引數可調式的,對於中頻參量...