溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“J2ME中CSS的使用方法”，在日常操作中，相信很多人在J2ME中CSS的使用方法問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”J2ME中CSS的使用方法”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！
J2ME中CSS解析
最近做手機(jī)瀏覽器項(xiàng)目中的CSS模塊。對(duì)解析CSS有了個(gè)整體認(rèn)識(shí)?，F(xiàn)總結(jié)如下：
首先，簡(jiǎn)單的介紹下CSS：
CSS指層疊樣式表(CascadingStyleSheets)
CSS語(yǔ)法由三部分構(gòu)成：選擇器、屬性和值：selector{property:value}
選擇器(selector)通常是你希望定義的HTML元素或標(biāo)簽，屬性(property)是你希望改變的屬性，并且每個(gè)屬性都有一個(gè)值。屬性和值被冒號(hào)分開(kāi)，并由花括號(hào)包圍，這樣就組成了一個(gè)完整的樣式聲明（declaration）：
body{color:blue}上面這行代碼的作用是將body元素內(nèi)的文字顏色定義為藍(lán)色。在上述例子中，body是選擇器，而包括在花括號(hào)內(nèi)的的部分是聲明。聲明依次由兩部分構(gòu)成：屬性和值，color為屬性，blue為值。
CSS主要可以從ID選擇器和class選擇器去研究：
一：id選擇器
id選擇器可以為標(biāo)有特定id的HTML元素指定特定的樣式。id選擇器以"#"來(lái)定義。下面的兩個(gè)id選擇器，***個(gè)可以定義元素的顏色為紅色，第二個(gè)定義元素的顏色為綠色：
#red{color:red;} #green{color:green;}下面的HTML代碼中，id屬性為red的p元素顯示為紅色，而id屬性為green的p元素顯示為綠色。
<pidpid="red">這個(gè)段落是紅色。</p> <pidpid="green">這個(gè)段落是綠色。</p>
在現(xiàn)代布局中，id選擇器常常用于建立派生選擇器。
#sidebarp{ font-style:italic; text-align:right; margin-top:0.5em; }上面的樣式只會(huì)應(yīng)用于出現(xiàn)在id是sidebar的元素內(nèi)的段落。這個(gè)元素很可能是div或者是表格單元。
二：class類選擇器
在CSS中，類選擇器以一個(gè)點(diǎn)號(hào)顯示：
.center{text-align:center}
在上面的例子中，所有擁有center類的HTML元素均為居中。
1.class派生選擇器：
.fancytd{ color:#f60; background:#666; }在上面這個(gè)例子中，類名為fancy的更大的元素內(nèi)部的表格單元都會(huì)以灰色背景顯示橙色文字。（名為fancy的更大的元素可能是一個(gè)表格或者一個(gè)div）
元素也可以基于它們的類而被選擇：
td.fancy{ color:#f60; background:#666; }在上面的例子中，類名為fancy的表格單元將是帶有灰色背景的橙色。
<tdclass="fancy">
三：CSS優(yōu)先級(jí)
層疊次序
當(dāng)同一個(gè)HTML元素被不止一個(gè)樣式定義時(shí)，會(huì)使用哪個(gè)樣式呢？
一般而言，所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中，其中數(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)簽中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）
下面對(duì)內(nèi)聯(lián)樣式中css優(yōu)先級(jí)具體介紹css優(yōu)先級(jí)的四大原則：
原則一：繼承不如指定
如果某樣式是繼承來(lái)的永遠(yuǎn)不如具體指定的優(yōu)先級(jí)高。
例子1：
CODE:
<styletypestyletype="text/css"> *{font-size:20px} .class3{font-size:12px;} </style> <spanclassspanclass="class3">我是多大字號(hào)？</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">我是多大字號(hào)？</span>運(yùn)行結(jié)果：#id3{font-size:25px;}
原則三：越具體越強(qiáng)大。
解釋：當(dāng)對(duì)某個(gè)元素的CSS選擇符樣式定義的越具體，層級(jí)越明確，該定義的優(yōu)先級(jí)就越高。
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">我是多大字號(hào)？</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">我是多大字號(hào)？</span> <spanclassspanclass="class3">我是多大字號(hào)？</span>運(yùn)行結(jié)果：span#id3{font-size:18px}|span.class3{font-size:18px}
到此，關(guān)于“J2ME中CSS的使用方法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼