:::
所有書籍
「Groundwork CSS」目錄
MarkDown
8. 圖示 Social Icons
1. 預設空白頁面
2. 格線系統 The Grid
3. 按鈕 Buttons
4. 導覽列 Navigation
5. 頁籤 Tabs
6. UI元件 UI Elements
7. 表格 Tables
8. 圖示 Social Icons
9. 文字 ResponsiveText
10. 彈跳視窗（燈箱） Modals
11. 提示 Tooltips
12. 滑動 Orbit
10. 彈跳視窗（燈箱） Modals
Groundwork CSS ============== ### 響應式（自適應）文字 - 只要加上class="responsive"，文字就會隨螢幕自己放大縮小 - data-compression（資料壓縮），預設為10。小於10，字會越來越大；大於10，字會壓縮的越來越小。 - data-min 最小下限 - data-max 最大上限 ``` <pre class="brush:xml;"> <h1>你可以打造個人化的即時動態頁面</h1> <h1 class="responsive">你可以打造個人化的即時動態頁面</h1> <h1 class="responsive" data-compression="12.2" data-min="20" data-max="170">你可以打造個人化的即時動態頁面</h1> ```
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
21
人線上 (
2
人在瀏覽
線上書籍
)
會員: 0
訪客: 21
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱（急救版）
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入
8. 圖示 Social Icons
