Themes and Swatches

The jQuery Mobile CSS file is always the first asset we import in the head element (see Listing 7–2). This file contains the default structure and theming for jQuery Mobile applications. Take a moment and explore the contents of this file with your favorite editor.

Listing 7–2. jQuery Mobile CSS import

<head>    <link rel="stylesheet" type="text/css" href="jquery.mobile-min.css" />    <script type="text/javascript" src="jquery-min.js"></script>    <script type="text/javascript" src="jquery.mobile-min.js"></script> </head>

The jQuery Mobile CSS document is broken into two sections: a theme section and a structure section.

  • Theme – The top half of the document contains the default theme settings.  The theme settings manage ...

Get Pro jQuery Mobile now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.