欢迎来到重庆建网站公司-满荣网络,开始您的互联网之旅!
641408888
189-0831-3333
当前位置:重庆建网站 > 新闻资讯 > SEO优化方案 > 用CSS3设计移动页面样式

用CSS3设计移动页面样式

作者:重庆建网站   发布时间:2018-01-02 11:31:36    阅读次数:1867   
  用CSS3设计移动页面样式

  1.如何创建CSS样式表:

  2.CSS3的卓越特性;

  3.基于设备属性改变样式的媒体查询:

  4.如何使用特殊元标签创建更美观的移动页面。

  层脅样式表(Cascading Style Sheet,CSS)是移动Web开发中的一个重要组成部分。本章中将学到如何编写CSS并用它为移动页面定制样式,其中包括了通过媒体查询为特定设备定制样式表。此外还将了解一些影响移动设备内容M示的元标签。

  用CSS3设计移动页面样式

  3.1 CSS简介

  层叠样式表用丁•定义HTML文档外观。可以针对打印输出、Web页面显示或特定移动设备来定制HTML样式。同样的HTML内容在这些不同平台上的显示可能截然不同.

  CSS己有超过10年的历史,被广泛的浏览器及移动设备所支持。因此,学习如何使用CSS定义Web应用程序外观是非常垔要的。

  3.1.1创建CSS样式表

  CSS由附加了样式M性的一个或多个选抒器组成。举例来说,在更改段落的文本颜色时,

  可以写为:

  其中选择器为p,样式属性(位于大括号中)为color red;。

  需要加入第二个选择器时,只需要用逗号分隔开:

  p,.redText{

  color:red;

  }

  用CSS3设计移动页面样式

  创建好样式后,可通过以下3种方法将其附加在Web页面中。

  1.内联在标签中。

  2.内嵌丁HTML的开头。

  3.放在一个独立文档中作为样式表。

  其中最简单的方法是内联。标签内的内联样式不需要选择器,因为标签本身定义了选择器。只需要在标签中加入一个样式属性,并将样式費丁属性值中(使用分号分隔多个样式)。以下代码将单一段落的文本颜色定义为红色。

  以上信息来源网络,本文关键词:重庆网站推广
你希望我们为您提供什么服务

qq code