第二章 排版 2.1-2.2標題
通過比較可以發現,Bootstrap標題樣式進行了以下顯著的優化重置:
1、重新設定了margin-top和margin-bottom的值h1~h3重置後的值都是20px;h4~h6重置後的值都是10px。
2、所有標題的行高都是1.1(也就是font-size的1.1倍),而且文字顏色和字型都繼承父元素的顏色和字型。
3、固定不同級別標題字型大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px 和 h6=12px。
< small >標籤
1、行高都是1,而且font-weight設定了normal變成了常規效果(不加粗),同時顏色被設定為灰色(#999)。
2、由於<small>內的文字字型在h1~h3內,其大小都設定為當前字號的65%;而在h4~h6內的字號都設定為當前字號的75%;
相關推薦
第二章 排版 2.1-2.2標題
通過比較可以發現,Bootstrap標題樣式進行了以下顯著的優化重置:1、重新設定了margin-top和margin-bottom的值h1~h3重置後的值都是20px;h4~h6重置後的值都是10px。2、所有標題的行高都是1.1(也就是font-size的1.1倍),而且文字顏色和字型都繼承父元素的顏
第二章 排版 2.9列表
在HTML文件中,列表結構主要有三種:有序列表、無序列表和定義列表。具體使用的標籤說明如下:無序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol&
第二章 排版 2.8文字對齊風格
在排版中離不開文字的對齊方式。在CSS中常常使用text-align來實現文字的對齊風格的設定。其中主要有四種風格: ☑ 左對齊,取值left ☑ 居中對齊,取值center ☑ 右對齊,取值right ☑ 兩端對齊,取值justify 為了簡化操作,方便使用,Bootstrap通過定義四個類名來控
第二章 排版 2.4-2.7強調內容
一、讓段落p突出顯示,可以通過新增類名 “.lead” 實現,還可以通過元素標籤< small >、< strong >、< em >、< cite >給文字做突出樣式處理。(1).lead .lead { margin-bottom: 20px; fo
第二章 排版 2.18表格
不管制作哪種表格都離不開類名“table”。所以大家在使用Bootstrap表格時,千萬注意,你的<table>元素中一定不能缺少類名“table”。一、基礎表格 “.table”主要有三個作用: ☑ 給表格設定了margin-bottom:20px以及設定單元內距 ☑ 在thead底
第二章 排版 2.15-16程式碼
在使用程式碼時,使用者可以根據具體的需求來使用不同的型別:1、< code >:一般是針對於單個單詞或單個句子的程式碼2、< pre >:一般是針對於多行程式碼(也就是成塊的程式碼)3、< kbd >:一般是表示使用者要通過鍵盤輸入的內容 雖然不同的型別風格不一樣,但其使
第二章 排版 2.8文本對齊風格
justify 文本 ots 設置 pre code align class span 在排版中離不開文本的對齊方式。在CSS中常常使用text-align來實現文本的對齊風格的設置。其中主要有四種風格: ? 左對齊,取值left ? 居中對齊,取值center ? 右對齊
第二章 排版 2.15-16代碼
color alt 類型 不同的 使用方法 img 使用 text 方法 在使用代碼時,用戶可以根據具體的需求來使用不同的類型:1、< code >:一般是針對於單個單詞或單個句子的代碼2、< pre >:一般是針對於多行代碼(也就是成塊的代碼)3、
第二章 資訊處理表示(2.1-ing)
2.1資訊儲存 大多數計算機使用8位的塊,或者位元組,作為最小的可定址單位。機器級程式將記憶體視為一個非常大的位元組陣列,稱為虛擬記憶體。記憶體的每個位元組都由一個唯一的數字來標識,稱為它的地址,所有可能地址的集合就稱為虛擬地址空間。(C語言中一個指標的值都是某
【C語言】第二章-分支和迴圈語句-2
第2節 在本節中,我會用程式碼實現幾個例子,來供大家深入瞭解和學習分支以及迴圈語句。 查詢 查詢的含義就是在一個表中找出關鍵字與所給值相同的元素,如果找到了則返回下標,找不到則返回-1。 這裡先演示最為普通的查詢,逐個查詢,這是最為普通的演算法思想。
題目: 2/1, 3/2, 5/3, 8/5, 13/8, 21 13 ...
core image src scanner find log out sum his java源碼: package studying; import java.util.Scanner; public class Sum_Of_FirstN {
【可能有點用的記錄】Android Studio 3.2.1更新(2)
前幾天更新到3.2.1 開啟原來的專案報了個奇怪的錯 Could not find aapt2-proto.jar (com.android.tools.build:aapt2-proto:0.3.1). Searched in the following location
Atitit hadoop使用總結 目錄 1.1. 下載300m ,解壓後800M 1 1.2. 二:需要的jar包 1 2. Demo code 2 2.1. WCMapper 2 2.2. WC
Atitit hadoop使用總結 目錄 1.1. 下載300m ,解壓後800M 1 1.2. 二:需要的jar包 1 2. Demo code 2 2.1. WCMapper 2 2.2. WCReduce 3 2.3. (3)實現執行驅動 3
iview-admin 2.1 + django 2.1 (一) 登錄認證+修改請求頭
攔截 const -h access vat response inf page cati 登錄認證+修改請求頭 前端 登錄 config/index.js dev: 後端地址 api/user.js const data = { username: userN
LOJ #10036. 「一本通 2.1 練習 2」Seek the Name, Seek the Fame
看題面戳我 腦抽了寫了個map,沒有發現多組資料為了卡,草率地加了一個while就愉快地TLE了 前置知識:雙hash,一個hash總覺得不靠譜,所以雙hash,不會的左轉度娘 ———————————————————————————————————————————— 維護兩個hash
ACMNO.12有一分數序列: 2/1 3/2 5/3 8/5 13/8 21/13...... 求出這個數列的前N項之和,保留兩位小數。 輸入 N 輸出 數列前N項和 樣例輸入 10
題目描述 有一分數序列: 2/1 3/2 5/3 8/5 13/8 21/13...... 求出這個數列的前N項之和,保留兩位小數。 輸入 N 輸出 數列前N項和 樣例輸入 10 樣例輸出 16.48 來源/分類 C語言 題目
IBM Cloud Private 2.1.0.2 和LDAP整合的問題
This security patch resolves the following issues in IBM Cloud Private Version 2.1.0.2: IBM Cloud Private cannot connect to a LDAP server if there are
(2.1.27.2)Java併發程式設計:JAVA的記憶體模型
Java定義了自身的記憶體模型是為了遮蔽掉不同硬體和作業系統的記憶體模型差異 Java為了處理記憶體的不可見性與重排序的問題,定義了Happens-Before 原則 Happens-Before 原則的理解:對於兩個操作A和B(這兩個操作可以在不同的執行
【毫無營養的記錄】Android Studio 3.2.1更新(2)
前幾天更新到3.2.1 開啟原來的專案報了個奇怪的錯 Could not find aapt2-proto.jar (com.android.tools.build:aapt2-proto:0.3.1). Searched in the following
2>/dev/null和>/dev/null 2>&1和2>&1>/dev/null
Linux中的標準輸入輸出 標準輸入0 從鍵盤獲得輸入 /proc/self/fd/0 標準輸出1 輸出到螢幕(即控制檯) /proc/self/fd/1 錯誤輸出2 輸出到螢幕(即控制檯) /proc/self/fd/2 /dev/null代表l