具體排版 1、標題和標題類 <h1> ~<h6>和.h1~h6｜副標題<small>和.small font-size margin-top margin-bottom h1 36px 20px 10px h2 30px 20px 10px h3 24px 20px 10px h4 18px 10p ...
具體排版
1、標題和標題類 <h1> ~<h6>和.h1~h6｜副標題<small>和.small
font-size margin-top margin-bottom
h1 36px 20px 10px
h2 30px 20px 10px
h3 24px 20px 10px
h4 18px 10px 10px
h5 14px 10px 10px
h6 12px 10px 10px
2、內容、p段落 font-size:14px; line-height:20px;margin-bottom:10px;
3、強調突出內容 .leader{margin-bottom:20px;font-size:16px(min-width:768:21px);font-weight:300;}
4、標記文本<mark>和.mark {padding/background-color}
5、刪除的文本<del> 瀏覽器自帶樣式
6、無用的文本<s> 瀏覽器自帶樣式
7、插入的文本<ins> 瀏覽器自帶樣式
8、帶下劃線文本<u> 瀏覽器自帶樣式
9、小號文本<small>和.small {font-size:85%;}
10、著重<strong> 瀏覽器自帶樣式 有語氣
11、斜體<em> 瀏覽器自帶樣式 有語氣
12、高亮文本<b> 瀏覽器自帶樣式 不帶語氣
13、斜體<i> 瀏覽器自帶樣式 不帶語氣 一般用於技術辭彙、發言
14、文本對齊 .text-left .text-center .text-right .text-justify .text-nowrap
15、字母大小寫 .text-lowercase .text-uppercase .text-capitalized
16、縮略語 <abbr title=””> {cursor/border-bottom}
17、首字母縮略語 <abbr title .initialism> {font-size:90%/uppercase}
18、地址 <address> {font-style}
19、引用 <blockquote> {padding/font-size/border-left}
20、引用＋命名來源 <footer> <cite>
21、引用反向風格 .blockquote-reverse
22、無序列表 <ul> {margin-top/margin-bottom}
23、有序列表 <ol> {margin-top/margin-bottom}
24、無樣式列表 .list-unstyled {padding-left/list-style}
25、內聯樣式 .list-inline {padding-left/margin-left/list-style} {display/padding}
26、定義列表 <dl> {margin-top/margin-bottom} {font-weight} {margin-left}
27、定義列表水平排列 .dl-horizontal
28、代碼 <code> {padding/font-size/color/background-color/border-radius}
29、用戶輸入 <kbd> {padding/font-size/color/background-color/border-radius /box-shadow}
30、代碼塊 <pre> {padding/margin/font-size/color/background-color/word-break/word-wrap/border/border-radius}
31、變數 <var> 瀏覽器自帶樣式
32、程式輸出 <samp> {font-family}
