溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“J2ME中CSS的使用方法”，在日常操作中，相信很多人在J2ME中CSS的使用方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”J2ME中CSS的使用方法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
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元素顯示為綠色。
<pidpid="red">這個段落是紅色。</p> <pidpid="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的表格單元將是帶有灰色背景的橙色。
<tdclass="fancy">
三：CSS優先級
層疊次序
當同一個HTML元素被不止一個樣式定義時，會使用哪個樣式呢？
一般而言，所有的樣式會根據下面的規則層疊于一個新的虛擬樣式表中，其中數字4擁有***的優先權。
i.瀏覽器缺省設置
ii.外部樣式表
iii.內部樣式表（位于<head>標簽內部）
iv.內聯樣式（在HTML元素內部）
因此，內聯樣式（在HTML元素內部）擁有***的優先權，這意味著它將優先于以下的樣式聲明：<head>標簽中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）
下面對內聯樣式中css優先級具體介紹css優先級的四大原則：
原則一：繼承不如指定
如果某樣式是繼承來的永遠不如具體指定的優先級高。
例子1：
CODE:
<styletypestyletype="text/css"> *{font-size:20px} .class3{font-size:12px;} </style> <spanclassspanclass="class3">我是多大字號？</span>運行結果：.class3{font-size:12px;}
原則二：#ID>.class>標簽選擇符
例子：
CODE:
<styletypestyletype="text/css"> #id3{font-size:25px;} .class3{font-size:18px;} span{font-size:12px} </style> <spanidspanid="id3"class="class3">我是多大字號？</span>運行結果：#id3{font-size:25px;}
原則三：越具體越強大。
解釋：當對某個元素的CSS選擇符樣式定義的越具體，層級越明確，該定義的優先級就越高。
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>運行結果：.class1.class2.class3{font-size:25px;}
原則四：標簽#id>#id;標簽.class>.class
上面這條原則大家應該也都知道，看例子
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>運行結果：span#id3{font-size:18px}|span.class3{font-size:18px}
到此，關于“J2ME中CSS的使用方法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
