進階jQuery Mobile CSS Classes | 馬來西亞網頁設計

進階jQuery Mobile CSS Classes

前文,我們一齊了解過jQuery Mobile可以好像html的編程,使用慣常的CSS Classes來控制手機的UI界面排列和設計,今文我們更深入地去看看更多的jQuery Mobile CSS Classes:

Theme Classes:
ui-bar-(a-z) 指定bar的顏色 - 頁眉、頁腳和其他bar
ui-body-(a-z) 指定內容塊的顏色 - 頁面內容窗格、列表視圖項、彈出窗口、可折疊項、加載程序、滑塊和Panel
ui-btn-(a-z) 指定按鈕(和圖標)的顏色
ui-group-theme-(a-z) 指定控件組、列表視圖和可折疊集的顏色
ui-overlay-(a-z) 指定對話框、彈出窗口和其他頁面容器出現在其頂部的頁面的背景顏色
ui-page-theme-(a-z) 指定頁面的顏色

Grid Classes (有五個可以使用的佈局網格)
ui-grid-solo 1列 100% 列寬 ui-block-a
ui-grid-a 2列 50% / 50% 列寬 ui-block-a|b
ui-grid-b 3列 33% / 33% / 33% 列寬 ui-block-a|b|c
ui-grid-c 4列 25% / 25% / 25% / 25% 列寬 ui-block-a|b|c|d
ui-grid-d 5列 20% / 20% / 20% / 20% / 20% 列寬 ui-block-a|b|c|d|e



立即聯絡我們