網站程式設計-PHP
一、排版
- 標題:<h1> ~ <h6> 、.h1 ~ h6
- 預設 font-size(字型尺寸): 14px 、line-height(段落行高): 1.428 、.lead 可以加大加粗
- 行內文字
標籤 |
用途 |
說明 |
<mark> |
標記文字 |
為文字加上淡黃色的底色效果 |
<del> |
刪除文字 |
表明此文字區塊已被刪除 |
<s> |
刪除線效果 |
指出此文字區塊已經不再和段落有相關聯 |
<ins> |
插入文字 |
用來指出被額外加入至文件的文字 |
<u> |
底線文字 |
加強重要性 |
<small> |
較小文字 |
將調整為父容器的85%大小 |
<strong> |
加強文字 |
將字體加粗,用來強調某一片段文字 |
<em> |
斜體 |
用斜體來強調某一片段文字 |
- 對齊類別
.text-left:靠左對齊文字
.text-center:置中對齊文字
.text-right:靠右對齊文字
.text-justify:平均對齊文字 =>僅對英文有效,如果中文要有效,則必須加上 inter-ideograph;
.text-nowrap:不換行文字
- 按鈕
<!-- 標準按鈕 -->
<button type="button" class="btn btn-default">Default</button>
<!-- 提供額外視覺上的重量和識別一組按鈕中主要的操作項目 -->
<button type="button" class="btn btn-primary">Primary</button>
<!-- 指出成功或積極的操作 -->
<button type="button" class="btn btn-success">Success</button>
<!-- 訊息提示方面的操作 -->
<button type="button" class="btn btn-info">Info</button>
<!-- 指出應謹慎採取此一行動 -->
<button type="button" class="btn btn-warning">Warning</button>
<!-- 指出危險或潛在負面作用的行動 -->
<button type="button" class="btn btn-danger">Danger</button>
<!-- 淡化一個按鈕,使它看起來像是一個連結並同時保持按鈕行為 -->
<button type="button" class="btn btn-link">Link</button>