解析J2ME中CSS的使用
本文向大家簡單介紹一下J2ME中CSS的使用，首先看一下J2ME的概念，J2ME是Java2這個平臺專門針對家電類產(chǎn)品和嵌入式設(shè)備制定的,組成J2ME的Java虛擬機(jī)和API是與那些針對家電類產(chǎn)品和嵌入式產(chǎn)品的運(yùn)行環(huán)境相匹配的。
J2ME中CSS解析
最近做手機(jī)瀏覽器項(xiàng)目中的CSS模塊。對解析CSS有了個整體認(rèn)識?，F(xiàn)總結(jié)如下：
首先，簡單的介紹下CSS：
CSS指層疊樣式表(CascadingStyleSheets)
CSS語法由三部分構(gòu)成：選擇器、屬性和值：selector{property:value}
選擇器(selector)通常是你希望定義的HTML元素或標(biāo)簽，屬性(property)是你希望改變的屬性，并且每個屬性都有一個值。屬性和值被冒號分開，并由花括號包圍，這樣就組成了一個完整的樣式聲明（declaration）：
- body{color:blue}
上面這行代碼的作用是將body元素內(nèi)的文字顏色定義為藍(lán)色。在上述例子中，body是選擇器，而包括在花括號內(nèi)的的部分是聲明。聲明依次由兩部分構(gòu)成：屬性和值，color為屬性，blue為值。
CSS主要可以從ID選擇器和class選擇器去研究：
一：id選擇器
id選擇器可以為標(biāo)有特定id的HTML元素指定特定的樣式。id選擇器以"#"來定義。下面的兩個id選擇器，***個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：
- #red{color:red;}
- #green{color:green;}
下面的HTML代碼中，id屬性為red的p元素顯示為紅色，而id屬性為green的p元素顯示為綠色。
- <pidpid="red">這個段落是紅色。</p>
- <pidpid="green">這個段落是綠色。</p>
在現(xiàn)代布局中，id選擇器常常用于建立派生選擇器。
- #sidebarp{
- font-style:italic;
- text-align:right;
- margin-top:0.5em;
- }
上面的樣式只會應(yīng)用于出現(xiàn)在id是sidebar的元素內(nèi)的段落。這個元素很可能是div或者是表格單元。
二：class類選擇器
在CSS中，類選擇器以一個點(diǎn)號顯示：
.center{text-align:center}
在上面的例子中，所有擁有center類的HTML元素均為居中。
1.class派生選擇器：
- .fancytd{
- color:#f60;
- background:#666;
- }
在上面這個例子中，類名為fancy的更大的元素內(nèi)部的表格單元都會以灰色背景顯示橙色文字。（名為fancy的更大的元素可能是一個表格或者一個div）
元素也可以基于它們的類而被選擇：
- td.fancy{
- color:#f60;
- background:#666;
- }
在上面的例子中，類名為fancy的表格單元將是帶有灰色背景的橙色。
<tdclass="fancy">#p#
三：CSS優(yōu)先級
層疊次序
當(dāng)同一個HTML元素被不止一個樣式定義時，會使用哪個樣式呢？
一般而言，所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中，其中數(shù)字4擁有***的優(yōu)先權(quán)。
i.瀏覽器缺省設(shè)置
ii.外部樣式表
iii.內(nèi)部樣式表（位于<head>標(biāo)簽內(nèi)部）
iv.內(nèi)聯(lián)樣式（在HTML元素內(nèi)部）
因此，內(nèi)聯(lián)樣式（在HTML元素內(nèi)部）擁有***的優(yōu)先權(quán)，這意味著它將優(yōu)先于以下的樣式聲明：<head>標(biāo)簽中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）
下面對內(nèi)聯(lián)樣式中css優(yōu)先級具體介紹css優(yōu)先級的四大原則：
原則一：繼承不如指定
如果某樣式是繼承來的永遠(yuǎn)不如具體指定的優(yōu)先級高。
例子1：
CODE:
- <styletypestyletype="text/css">
- *{font-size:20px}
- .class3{font-size:12px;}
- </style>
- <spanclassspanclass="class3">我是多大字號？</span>
運(yùn)行結(jié)果：.class3{font-size:12px;}
原則二：#ID>.class>標(biāo)簽選擇符
例子：
CODE:
- <styletypestyletype="text/css">
- #id3{font-size:25px;}
- .class3{font-size:18px;}
- span{font-size:12px}
- </style>
- <spanidspanid="id3"class="class3">我是多大字號？</span>
運(yùn)行結(jié)果：#id3{font-size:25px;}
原則三：越具體越強(qiáng)大。
解釋：當(dāng)對某個元素的CSS選擇符樣式定義的越具體，層級越明確，該定義的優(yōu)先級就越高。
CODE:
- <styletypestyletype="text/css">
- .class1.class2.class3{font-size:25px;}
- .class2.class3{font-size:18px}
- .class3{font-size:12px;}
- </style>
- <divclassdivclass="class1">
- <pclasspclass="class2">
- <spanclassspanclass="class3">我是多大字號？</span>
- </p>
- </div>
運(yùn)行結(jié)果：.class1.class2.class3{font-size:25px;}
原則四：標(biāo)簽#id>#id;標(biāo)簽.class>.class
上面這條原則大家應(yīng)該也都知道，看例子
CODE:
- <styletypestyletype="text/css">
- span#id3{font-size:18px}
- #id3{font-size:12px}
- span.class3{font-size:18px}
- .class3{font-size:12px}
- </style>
- <spanidspanid="id3">我是多大字號？</span>
- <spanclassspanclass="class3">我是多大字號？</span>
運(yùn)行結(jié)果：span#id3{font-size:18px}|span.class3{font-size:18px}
【編輯推薦】
