css排雷第一部分

@import
url(basic.css)
;

.warning
.urgent{}

plant［moons]{}
plant［moons="1"]{}
a[href="*****"]{}

span[title~="feature"]{}
*[lang|="en"] //選出屬性等於lang或者以lang開頭的所有元素。

選擇h1 > strong 可以解釋為選擇h1字元素中的所有strong元素。

h1 + p //選擇h1後面的第乙個p元素

font-variant:small-caps|normal|inherit

vertical-align:baseline //要求乙個元素的基線和他父元素的基線對齊。 vertical-align:super //相當於作為上標。 vertical-align:sub //相當於作為了下標。 vertical-align:bottom //將元素行內框的低端和元素框的低端對齊。 vertical-align:top //和上乙個相反，是頂端對齊。 vertical-align:middle //居中對齊，往往應用於影象 vertical-align:100% //會把元素的基線相對于父元素的基線公升高100% vertical-align:－100% //會把元素的基線相對于父元素的基線降低100% vertical-align:5px//會把元素的基線相對于父元素的基線公升高5px

vertical-align:－5px //會把元素的基線相對于父元素的基線降低－5px

word-spacing: 0.5em//字間擴大進0.5em word-spacing: －0.5em//字間隔縮排0.5em word-spacing: 0 ｜ normal // 不變

letter-spacing 和以上相同。

text-transform: uppercase | lowercase | capitalize | none | inherit//分別是： 全大寫 全小寫 首字母大寫 不變 繼承

text-decoration: none | [underline || overline || line-through || blink]| inherit //分別是 無 下劃線 上畫線 貫穿線 閃爍[現在不支援了。]

background-repeat: repear | repeat-x | repeat-y | no-repeat | inherit
background-position: left | center | right

插入屬性值： a[href]:after a[href]:after 結合生成引號顯示生成資料：以下是列表中的一項： questionsquote> 然後：quotation: quote quote:before quote:after

相當於在questions前後加上引號。

ol .slides

這個計數器叫slidenum，下面的例子都都要使用它。

css計數器的自增

為了是計數器能夠自增，我們需要使用counter-increment，並把計數器的名稱跟到後面：

ol
.slides > li

這樣，在css選擇器下，每遇到乙個符合條件li元素，counter-increment就會被呼叫一次，計數就是增加1。需要注意的是，這裡的css選擇器裡使用了>符號，這樣是為了濾掉有可能多重巢狀的li元素。否者你的計數值就會不是你想要的。

使用計數值

如果只計數而無法顯示，那這個計數器也沒多大用處，所以就有了counter()命令來輸出計數器裡的值，可以用在content屬性裡：

ol .slides li:after

有趣的是，這個counter()命令還可以接受第二個引數，當作同時計算多個元素時資料的分隔符：

/* 假設有這樣的html:
class="toc">
introli>
topic
subtopicli>
subtopicli>
subtopicli>
ol>
li>
topic
subtopicli>
subtopicli>
subtopicli>
ol>
li>
closingli>
ol>
*/ol.toc, ol.toc ol 
ol li 
.toc li:before 
/* 會輸出下面的結果
class="toc">
(item 1)introli>
(item 2)topic
(item 2.1)subtopicli>
(item 2.2)subtopicli>
(item 2.3)subtopicli>
ol>
li>
(item 3)topic
(item 3.1)subtopicli>
(item 3.2)subtopicli>
(item 3.3)subtopicli>
ol>
li>
(item 4)closingli>
ol>
*/

css排雷第一部分

Axure RP 第一部分

第一部分初識Solr

第一部分基本規則

css排雷第一部分

Axure RP 第一部分

第一部分 初識Solr

第一部分 基本規則

相關推薦

第一部分初識Solr

第一部分基本規則