什麼是CSS清單樣式：
所謂的CSS清單樣式，肯定和清單有關，但是清單我們要清楚地是，清單可以分為有序清單和無序清單。于是我們的清單樣式又可以分為三種類型，第一是設定不同形狀的标記的無序清單，第二是設定不同的符号(此處的符号可能是數字，或者是羅馬符号，或者是英文符号等等)，第三是用圖像來作為清單項标記的清單。那麼看到這個地方我們已經對清單樣式應該有了内心獨到的了解，其實我們了解就應該這樣，我們心中想說的無意是，所謂的清單樣式原來就是對文本前面的标記的表示方法，對啊，就是這樣，你了解的那樣。當然如果你不清楚我了解的對不對啊，我們通過例子來為大家說一下清單樣式的使用，順便增強一下了解。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
ol.a{
list-style-position:inside;
/*清單項标記的位置，有outside，和inside兩個值。通過明察秋毫，俺已經将這兩個值之間的差别看看出來了，其實這個位置的設定在當标記項為圖像的時候，差别是很明顯的，特别的當圖形比較大的時候，inside可将圖檔完全的顯示作為一個标記，但是outside是不同的，他似乎有嚴格的長度設定，但是高度是圖像的高度，是以當我們使用list-style-position常常是和list-style=image一起使用，并且我們使用list-style-image的時候也要注意的是圖像的大小一定要合适，否則作出來的清單項樣式人類欣賞不了，隻能拿到動物園區使用了，哈哈。*/
}
ol li.b
{
list-style-type: lower-alpha;
/*雖然我們這個着一篇文章主要是對清單項的樣式屬性進行介紹，但是很抱歉，轉移一下話題。我們對清單屬性進行設定的時候，大括号的外邊寫什麼，這個地方寫的是ol li.b我們知道有序清單定義的時候是使用的ol ，但是标簽裡面的每一項用的是li進行定義，也就是說，我們的清單樣式要看看是對全部的清單項都其作用，如果是這樣，我們就可以像上看的位置設定那樣僅僅寫一個ol.a但是如果我們想做的是讓清單項 裡面的每一項樣式不同，我們就要使用ol li他們之間是空格，li.b然後在定義項的時候li裡面使用class來引用這一項的定義。話題轉移到正題來，在這個裡面我們用到的是屬性list-style-type是對清單項前面的标記進行設定，因為是有序清單，我們考慮應該從符号這個角度來考慮lower-alpha是表示的小寫的字母，當然聰明的我們也可以想到大寫字母的是upper-alpha，還可以用數字decimal
lower-roman小寫的羅馬字元，upper-roman大寫的羅馬字元，這是有序清單前面的标記項常用到的值，但是對于無序清單我們可以讓none沒有标記，circle空心的圓标記，square實心的方塊，這些可以作為這個屬性的值，看到這裡
其實你已經學到了兩個知識，點，算上上面的屬性，你學到了三個，也許你會問還有其他 的屬性嗎，有list-style-position*/
}
ol li.c
{
list-style-image: url(../pic/123.jpg);
/*這個地方我們僅僅看看這個屬性的屬性的值是一個url*/
}
ul{
list-style: inside url(../pic/124.gif);
}
</style>
<title></title>
</head>
<body>
<h1 align="center">傻逼的共性</h1>
<ol class="a">
<li>愛說大話</li>
<li class="b">不做事實</li>
<li class="c">愛幻想</li>
</ol>
<ul>
<li>無序的，但是應該使用圖畫作為标記</li>
</ul>
</body>
</html>
上面這個例子可以說集做人，集知識點于一身。也許對于我們這些菜鳥來說，這個例子剛開始看的時候并沒有了解，沒關系，我們一點一點的來分析。首先我們應該知道的是設定清單的樣式的時候，我們應該知道通過什麼來設定樣式，也就是說我們要打敵人，我們的武器是什麼。你可以說是CSS，當然很正确，但是我相信能看到這個地方的，傻瓜也都知道是通過CSS語句來實作對清單樣式的設定，如果你不知道，那麼就當我啥也沒說。CSS語句是不是太籠統了，應該說我們是通過屬性，清單屬性來對清單樣式進行設定。也就是我們應該知道清單屬性有什麼，然後對清單屬性進行指派，也就是實作了對清單樣式的設定。我們來看一下清單屬性:list-style-type:清單标記項的類型
list-style-position标記項的位置，list-style-image：将圖像設定為清單項标志，list-style：屬性的簡寫，用于将所有的
清單屬性設定在一個聲明中。看到這個地方，我們在去看看在例子中對這些屬性的分析，你就會知道了。清單的樣式我們的設定也就是通過對清單屬性的設定倆實作，記住清單的屬性，然後對應的屬性所對應的值。
![JAVA 系列——>開發工具IntelliJ IDEA的安裝以及配置、快捷鍵IDEA 簡介[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)