深圳网站建设用CSS3设计移动页面样式
>如何创建CSS样式表:
>CSS3的卓越特性;
>基于设备属性改变样式的媒体查询:
>如何使用特殊元标签创建更美观的移动页面。
层脅样式表(Cascading Style Sheet, CSS)是移动Web开发中的一个重要组成部分。本章中将学到如何编写CSS并用它为移动页面定制样式,其中包括了通过媒体查询为特定设备定制样式表。此外还将了解一些影响移动设备内容M示的元标签。
3.1 CSS简介
层叠样式表用丁•定义HTML文档外观。可以针对打印输出、Web页面显示或特定移动设备来定制HTML样式。同样的HTML内容在这些不同平台上的显示可能截然不同.
CSS己有超过10年的历史,被广泛的浏览器及移动设备所支持。因此,学习如何使用CSS定义Web应用程序外观是非常垔要的。
3.1.1 创建CSS样式表
CSS由附加了样式M性的一个或多个选抒器组成。举例来说,在更改段落的文本颜色时,
可以写为:
其中选择器为p,样式属性(位于大括号中)为color red;。
需要加入第二个选择器时,只需要用逗号分隔开:
p, .redText {
color: red;
}
创建好样式后,可通过以下3种方法将其附加在Web页面中。
>内联在标签中。
>内嵌丁 HTML的开头。
>放在一个独立文档中作为样式表。
其中最简单的方法是内联。标签内的内联样式不需要选择器,因为标签本身定义了选择器。只需要在标签中加入一个样式属性,并将样式費丁属性值中(使用分号分隔多个样式)。以下代码将单一段落的文本颜色定义为红色。