jQuery UI CSS Framework Cheat Sheet with UI 1.8.5

.ui-widget, .ui-priority-secondary

.ui-priority-primary

.ui-widget-header

.ui-widget-content

.ui-state-default

.ui-state-highlight

.ui-state-error

.ui-state-disabled

.ui-helper-clearfix

.ui-state-default

.ui-state-hover

.ui-state-focus

.ui-state-active

CSS styling, clear: both;

.ui-state-default

.ui-state-hover

.ui-state-focus

.ui-state-active

Icon styling

<span class="ui-icon ui-icon-circle-plus"> </span>

<div class="ui-widget-content ui-state-default ui-corner-all" style="width: auto; padding: 4px 0;margin:0;">
<span class="ui-icon ui-icon-circle-plus" style="padding:0;margin: 0 4px;"> </span>
</div>

.ui-widget-overlay

Out side of .ui-widget-shadow, and inside of .ui-state-error style.

Layout Helper 輔助樣式

.ui-helper-hidden: 隱藏物件
.ui-helper-hidden-accessible: 將物件絕對定位至遠超出可視範圍
.ui-helper-reset: 重設所有輔助樣式
.ui-helper-clearfix: 清除浮動元件，並定位至父元件
.ui-helper-zfix: 燈箱定位重設，可應用於 iframe 元件上（倘若在燈箱效果中使用 iframe ）

Widget Containers 小工具外框設定

.ui-widget: 小工具基本樣式設定
.ui-widget-content: 小工具內容樣式設定
.ui-widget-header: 小工具標頭設定

Interaction States 通用狀態

.ui-state-default: 預設樣式
.ui-state-hover: 滑鼠移入樣式
.ui-state-focus: 按鍵選中樣式
.ui-state-active: 滑鼠按下（按鈕按下）樣式

Interaction Cues 通用提示

.ui-state-highlight: 高亮度樣式
.ui-state-error: 錯誤提示樣式
.ui-state-error-text: 錯誤提示文字樣式
.ui-state-disabled: 禁用樣式
.ui-priority-primary: 最高等級提示樣式
.ui-priority-secondary: 次高等級提示樣式

Misc Visuals 其他視覺

.ui-corner-all: 全部邊框圓角
.ui-corner-tl: 左上邊框圓角
.ui-corner-tr: 右上邊框圓角
.ui-corner-bl: 左下邊框圓角
.ui-corner-br: 右下邊框圓角
.ui-corner-top: 上邊邊框圓角
.ui-corner-bottom: 底邊邊框圓角
.ui-corner-right: 右邊邊框圓角
.ui-corner-left: 左邊邊框圓角
.ui-widget-overlay: 燈箱效果
.ui-widget-shadow: 燈箱陰影效果

Icons 圖示

.ui-icon: UI 所提供的圖示樣式

Legend 提示說明

包含 UI 背景圖片（各種 UI Theme 不同）
此版本為 UI Theme 1.8.5