解析J2ME中CSS的使用

本文向大家简单介绍一下J2ME中CSS的使用，首先看一下J2ME的概念，J2ME是Java2这个平台专门针对家电类产品和嵌入式设备制定的,组成J2ME的Java虚拟机和API是与那些针对家电类产品和嵌入式产品的运行环境相匹配的。

成都创新互联公司是专业的白沙黎族网站建设公司，白沙黎族接单;提供做网站、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行白沙黎族网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

J2ME中CSS解析

最近做手机浏览器项目中的CSS模块。对解析CSS有了个整体认识。现总结如下：

首先，简单的介绍下CSS：

CSS指层叠样式表(CascadingStyleSheets)

CSS语法由三部分构成：选择器、属性和值：selector{property:value}

选择器(selector)通常是你希望定义的HTML元素或标签，属性(property)是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）：

 
 
 

  
  
  
body{color:blue}  
  
  
  
 
 
 
 

上面这行代码的作用是将body元素内的文字颜色定义为蓝色。在上述例子中，body是选择器，而包括在花括号内的的部分是声明。声明依次由两部分构成：属性和值，color为属性，blue为值。

CSS主要可以从ID选择器和class选择器去研究：

一：id选择器

id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以"#"来定义。下面的两个id选择器，***个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色： 

 
 
 

  
  
  
#red{color:red;}  
  
  
  
#green{color:green;} 
 
 
 

下面的HTML代码中，id属性为red的p元素显示为红色，而id属性为green的p元素显示为绿色。 

 
 
 

  
  
  
这个段落是红色。
 
  
  
  
这个段落是绿色。
 
 
 
 

在现代布局中，id选择器常常用于建立派生选择器。 

 
 
 

  
  
  
#sidebarp{  
  
  
  
font-style:italic;  
  
  
  
text-align:right;  
  
  
  
margin-top:0.5em;  
  
  
  
} 
 
 
 

上面的样式只会应用于出现在id是sidebar的元素内的段落。这个元素很可能是div或者是表格单元。

二：class类选择器

在CSS中，类选择器以一个点号显示：
.center{text-align:center}
在上面的例子中，所有拥有center类的HTML元素均为居中。

1.class派生选择器： 

 
 
 

  
  
  
.fancytd{  
  
  
  
color:#f60;  
  
  
  
background:#666;  
  
  
  
} 
 
 
 

在上面这个例子中，类名为fancy的更大的元素内部的表格单元都会以灰色背景显示橙色文字。（名为fancy的更大的元素可能是一个表格或者一个div）

元素也可以基于它们的类而被选择： 

 
 
 

  
  
  
td.fancy{  
  
  
  
color:#f60;  
  
  
  
background:#666;  
  
  
  
} 
 
 
 

在上面的例子中，类名为fancy的表格单元将是带有灰色背景的橙色。
#p#

三：CSS优先级

层叠次序

当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字4拥有***的优先权。
i.浏览器缺省设置
ii.外部样式表
iii.内部样式表（位于标签内部）
iv.内联样式（在HTML元素内部）

因此，内联样式（在HTML元素内部）拥有***的优先权，这意味着它将优先于以下的样式声明：标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）

下面对内联样式中css优先级具体介绍css优先级的四大原则：

原则一：继承不如指定

如果某样式是继承来的永远不如具体指定的优先级高。

例子1：

CODE: 

 
 
 

  
  
  
 
  
  
  
*{font-size:20px}  
  
  
  
.class3{font-size:12px;}  
  
  
  
 
  
  
  
我是多大字号？ 
 
 
 

运行结果：.class3{font-size:12px;}

原则二：#ID>.class>标签选择符

例子：
CODE: 

 
 
 

  
  
  
 
  
  
  
#id3{font-size:25px;}  
  
  
  
.class3{font-size:18px;}  
  
  
  
span{font-size:12px}  
  
  
  
 
  
  
  
我是多大字号？ 
 
 
 

 运行结果：#id3{font-size:25px;}

原则三：越具体越强大。

解释：当对某个元素的CSS选择符样式定义的越具体，层级越明确，该定义的优先级就越高。
CODE: 

 
 
 

  
  
  
 
  
  
  
.class1.class2.class3{font-size:25px;}  
  
  
  
.class2.class3{font-size:18px}  
  
  
  
.class3{font-size:12px;}  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
我是多大字号？