内容的主题样式

　　接下来，我们学习下在内容页部分，是如何应用主题样式的。例子代码如下：

　　注意,在这里,使用了data-role属性的值为collaspsible,表明这个页面的div是一个可折叠的层,并且设置了data-collapsed属性为true，其效果为当页面加载时，显示的是折叠状态，而当用户点标题栏时，才会显示登陆的表单。同样，在data-theme属性中设置样式为f,其样式定义如下：

　　在上面的这段CSS中，为标题工具栏定义了三种状态的样式，即：非激活，激活中和鼠标移动在上面。其中

　　的标签会被CSS修饰转变为一个带有ui-collapsible-heading的样式，而它包含的文字，这里是指“Login”将会被转化为带有样式的链接，其中有三种不同的链接的样式，分别为ui-btn-up-f,ui-btn-down-f,ui-btn-hover-f,分别代表的工具条的三种不同的状态(up,down,hover)。以上的样式中，会根据data-theme中指定的样式号而有所变化，比如开发者指定的是使用g的新样式，则以上的CSS样式中，则会全部以-g结尾。