2014年度辛星解读css第四节
接下來的這一節我計劃解說的是超鏈接和列表的樣式，然后我們做出一個導航欄出來，事實上導航欄是很常見的，可是我們這里做得這個有點并不那么完好，等我們學完了css之后再完好它。
**************超鏈接*************
1.我們講偽類的時候已經講到了，一個超鏈接能夠有link（正常狀態）、visited（已經訪問過）、hover（獲得鼠標焦點）active（被鼠標點擊中）這樣四個狀態，我們前面也分別設置過不同的顏色了，使用選擇器:偽類的形式。
2.我們還能夠使用background-color來設置其背景顏色，我們能夠用text-decoration：none來去掉超鏈接的下劃線。
?
*************列表**************
1.我們前面講HTML的時候講過，列表分為有序列表和無序列表，我們這里解說它的一個屬性：list-style-type。
2.list-style-type屬性是什么意思呢，就是列表的風格類型，對于無序列表，能夠用circle和square，即分別用圓形和方形來作為無序列表的開頭。
3.list-style-type屬性還能夠取值為upper-roman來設置為大寫羅馬數字，還能夠用lower-alpha來設置為小寫的英文字母。
4.它另一個屬性是list-style-image：用圖片來作為列表項的開頭，它須要用url導入一個圖片，這個我們后面再說。
?
***********實現一個導航欄*************
1.第一步，我們先來一個無序列表，然后給他們加上超鏈接，因為這里我不知道連接到哪里，用#表示一個空連接，以下我們新建一個my.html代碼例如以下：
<html> <head><title>2014年辛星CSS教學夏季版</title><link rel="stylesheet" type="text/css" href="my.css"> </head> <body><ul><li><a href="#">辛星</a></li><li><a href="#">小倩</a></li><li><a href="#">小楠</a></li><li><a href="#">辛勇</a></li><li><a href="#">辛強</a></li></ul> </body> </html>2.然后新建一個my.css文件例如以下：
ul{list-style-type: none;} a{text-decoration: none;} li{display: inline;}3.我們的這個橫向的導航條就算完畢了，可是它還是太簡單了，它僅僅是單純的列出了五個連接，而且水平排列，我們到后面再去完好。
4.這里說明一下，這個li屬性的display：inline表示設置格式為內聯，即它不是以塊級元素出現的，是內聯元素，即向右排列而不是向下排列。
?
*************小結*************
1.本小節我們認識了超鏈接和列表的常見樣式。
2.然后我們做出來了一個簡易的導航條，讀者能夠先去完好它，假設讀者不去做，我后面再做。
轉載于:https://www.cnblogs.com/hrhguanli/p/4005247.html
總結
以上是生活随笔為你收集整理的2014年度辛星解读css第四节的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 开机过快怎么打开u盘启动不了怎么办 快速
- 下一篇： 如何才能走黑龙江司法警官职业学院提前批次