2005-08-23 21:23 CSS-語法對應位置

因為有網友問起,所以寫了這篇文章

CSS語法標題

語法開頭

對應位置

1. /*捲軸顏色*/

html

版面的捲軸

2. /*連結樣式*/

AA: linkA:visitedA:activeA:hover

所有可以連結的字體設定

3. /*連續背景圖*/

body

版面的底圖

4. /*Skin*/

#banner

文章區塊上面那一大堆區域

5. /*導覽列*/

.navibar

版面上面那一列,我的日誌、工具箱

6. /*日誌名稱*/

.blogName

日誌名稱

7. /*日誌心情*/自己加的

.blogName img

日誌心情,我很平靜

8. /*日誌描述*/

.description

日誌名稱下面那一行

9. /*版權聲明*/

.copyright

版面最下面copyright……

10. /*表單樣式*/

.inputForm

在搜尋文章中,輸入文字的那個框框的設定

11. /*文章標題*/

.contentTitle

文章標題的設定

12. /*文章標題背景色*/

.contentTitleBg

文章標題背景的設定

13. /*文章分類項目符號*/

.contentArticle-bullet

文章中右上角文章分類的圖示

14. /*參觀人次項目符號*/

.contentVisitor-bullet

文章中右上角參觀人次的圖示

15. /*網址項目符號*/

.contentURL-bullet

文章中別人留言時有留網址的話會出現的圖示

16. /*email項目符號*/

.contentMail-bullet

文章中別人留言時有留e-mail的話會出現的圖示

17. /*搜尋項目符號*/

.contentSearch-bullet

如果有搜尋文章的話,在最上面會有個圖示

18. /*文章字型設定*/

.content

雖說是文章字型,但好像跟文章的字體沒啥關係,反而是版面上其它的字會變,像是最愛連結中標籤的字、搜尋文章欄位中的關鍵字三字、參觀人次統計欄位的字。

19. /*副標字型設定*/

.contentMessage

文章中,下方引用及留言的字的設定

20. /*副標項目符號*/

.contentMessage-bullet

留言前面的圖示

21. /*文章回應標題*/

.contentReplyTiTle

別人留言時暱稱的字體設定

22. /*文章回應內容*/

.contentReply

別人留言時內容的字體設定

23. /*email圖示*/

.contentMail

文章中別人留言時有留e-mail的話會出現的圖示

24. /*網址圖示*/

.contentURL

文章中別人留言時有留網址的話會出現的圖示

25. /*日曆字型*/

.calender

標題來看應該是日曆的字體設定,但是改了之後,卻是參觀人次的字變了怪怪?

26. /*日曆   */

.calenderYear

行事曆的年份字體設定

27. /*日曆   */

.calenderMonth

行事曆的月份字體設定

28. /*日曆   有文章*/

.calenderPosted

行事曆中有文章的日子的字體設定,但是因為這也可以連結所以以連結樣式

29. /*日期*/

.date

文章發表日期的設定

30. /*關於我*/

.Avatar.AvatarTopLeft.AvatarTopMid.AvatarTopRight.AvatarMidLeft.AvatarMid

.AvatarMidRight.AvatarBottomLeft.AvatarBottomMid.AvatarBottomRight.AvatarId

關於我的相關設定

31. /*文章區塊*/

.main.mainTopLeft.mainTopMid.mainTopRight.mainMidLeft.mainMid

.mainMidRight.mainBottomLeft.mainBottomMid.mainBottomRight

文章區塊的相關設定

32. /*文章分類*/

.ItemCategory-Lf.ItemCategory-Mid.ItemCategory-Rt.ItemCategory-bullet

.ItemCategory-Bg

文章分類欄位的相關設定

33. /*日曆*/

.ItemCalendar-Lf.ItemCalendar-Mid.ItemCalendar-Rt.ItemCalendar-bullet

.ItemCalendar-Bg

日曆欄位的相關設定

34. /*搜尋文章*/

.ItemSearch-Lf.ItemSearch-Mid.ItemSearch-Rt.ItemSearch-bullet.ItemSearch-Bg

搜尋文章欄位的相關設定

35. /*日誌使用資源*/

.ItemBlogResource -Lf.ItemBlogResource -Mid.ItemBlogResource -Rt

.ItemBlogResource -bullet.ItemBlogResource -Bg

日誌使用資源欄位的相關設定

36. /*日誌評價*/

.ItemRank-Lf.ItemRank-Mid.ItemRank-Rt.ItemRank-bullet.ItemRank-Bg

日誌評價欄位的相關設定

37. /*參觀人次統計*/

.ItemCounter-Lf.ItemCounter-Mid.ItemCounter-Rt.ItemCounter-bullet

.ItemCounter-Bg

參觀人次統計欄位的相關設定

38. /*已建立的日誌*/

.ItemBlogList -Lf.ItemBlogList -Mid.ItemBlogList -Rt.ItemBlogList -bullet

.ItemBlogList -Bg

已建立的日誌欄位的相關設定

39. /*已建立的相簿*/

.ItemAlbum -Lf.ItemAlbum -Mid.ItemAlbum -Rt.ItemAlbum -bullet.ItemAlbum -Bg

已建立的相簿欄位的相關設定

40. /*最新文章*/

.ItemArticleList -Lf.ItemArticleList -Mid.ItemArticleList -Rt.ItemArticleList -bullet

.ItemArticleList -Bg

最新文章欄位的相關設定

41. /*最新留言*/

.ItemMessageList -Lf.ItemMessageList -Mid.ItemMessageList -Rt

.ItemMessageList -bullet.ItemMessageList -Bg

最新留言欄位的相關設定

42. /*訂閱電子報*/

.ItemEpaper -Lf.ItemEpaper -Mid.ItemEpaper -Rt.ItemEpaper-bullet

.ItemEpaper -Bg

訂閱電子報欄位的相關設定

43. /*背景音樂*/

.ItemMusicBox -Lf.ItemMusicBox -Mid.ItemMusicBox -Rt.ItemMusicBox -bullet

.ItemMusicBox -Bg

背景音樂欄位的相關設定

44. /*我的哈拉室*/

.ItemChat -Lf.ItemChat -Mid.ItemChat -Rt.ItemChat -bullet.ItemChat -Bg

我的哈拉室欄位的相關設定(尚未開放)

45. /*最愛連結*/

.ItemLink -Lf.ItemLink -Mid.ItemLink -Rt.ItemLink -bullet.ItemLink -Bg

最愛連結欄位的相關設定

46. /*自由欄位*/

.ItemCustom -Lf.ItemCustom -Mid.ItemCustom -Rt.ItemCustom -bullet

.ItemCustom -Bg

自訂欄位的相關設定

47. /*留言塗鴉版*/

.ItemPaint -Lf.ItemPaint -Mid.ItemPaint -Rt.ItemPaint -bullet.ItemPaint -Bg

留言塗鴉板欄位的相關設定

48. /*我的訂閱*/

.ItemRssRoll -Lf.ItemRssRoll -Mid.ItemRssRoll -Rt.ItemRssRoll -bullet

.ItemRssRoll -Bg

我的訂閱欄位,這是和日誌使用資源欄位在一起的,所以如果日誌使用欄位的背景是透明的話,這裡也要透明才會正常顯示

49. /*廣告欄位*/

.ItemAD -Lf.ItemAD -Mid.ItemAD -Rt.ItemAD -bullet.ItemAD -Bg

廣告欄位的相關設定(好像尚未開放)

假如有誤的話,請告訴我,因為我也是自己摸索出來的,所以也不一定正確。

平均分數:0 顆星    投票人數:0
我要評分:
回應

關於我的一切,沒什麼好說的…

☜新版CSS教學目錄☞
♤最愛連結♤
Kuso Party報時
    沒有新回應!
關鍵字
平均分數:0 顆星
投票人數:0
我要評分:






如何使用RSS
Powered by Xuite