jQuery Mobile - Theming pages

페이지에 스타일을 적용하기 위해서 JQM에서 제공하는 테마를 사용해 보겠습니다.
기본 테마는 a~e까지 5가지 스타일을 제공합니다.

div태그를 추가하여 테마속성을 지정해도 되고, page 속성이 있는 태그에 테마속성을 지정해도 되지만, content 컨테이너에 data-theme 속성을 추가하여 테마를 지정하는 것이 좋습니다.

a테마 적용 예: <div data-role="content" data-theme="a">

b테마 적용 예: <div data-role="content" data-theme="b">

c테마 적용 예: <div data-role="content" data-theme="c">

d테마 적용 예: <div data-role="content" data-theme="d">

e테마 적용 예: <div data-role="content" data-theme="e">

a테마와 e테마와 c테마를 혼용하여 사용하면 아래 화면 처럼 만들수 있습니다.^^