出處 Go!!!

網誌CSS語法的詳細註解




twohand2012

html {
SCROLLBAR-FACE-COLOR: #FFCCCC;-/*捲軸滑動版的顏色*/-
SCROLLBAR-HIGHLIGHT-COLOR: #FFF6F2; -/*捲軸滑動版左上邊框的顏色*/-
SCROLLBAR-SHADOW-COLOR: #EBD5C0; -/*捲軸滑動版右下邊框的顏色*/-
SCROLLBAR-3DLIGHT-COLOR: #EBD5C0; -/*捲軸左上邊框的顏色*/-
SCROLLBAR-ARROW-COLOR: #EBD5C0; -/*捲軸上下指標的顏色*/-
SCROLLBAR-TRACK-COLOR: #ffeeee; -/*捲軸軌道底部的顏色/-
SCROLLBAR-DARKSHADOW-COLOR: #FFF6F2; -/*捲軸右下邊框的顏色*/-
SCROLLBAR-BASE-COLOR: #FFF6F2;-/*捲軸基本的顏色*/-
}
BODY {-------------------------/*設定整個網頁的*/-----------------
cursor:url("游標網址");
-/*游標網址*/--
FONT-WEIGHT: normal; -/*一般及連結列的文字粗細*/--
FONT-SIZE: 14px; --/*一般及連結列的字體大小*/--
BACKGROUND-ATTACHMENT: fixed; -/*網頁背景若要捲動就設SCROLL*/-
BACKGROUND-POSITION-Y: top; -/*網頁背景的上下左右位置*/-
BACKGROUND-IMAGE:
url(整體背景網址);
-/*整體背景網址*/-
MARGIN: 0px; -/*指定邊界*/-
COLOR: #6666CC; -/*行事曆文字顏色*/-
LINE-HEIGHT: 150%; -/*行事日曆字的行距*/-
FONT-FAMILY: Georgia, arial,
helvetica,sans-serif; -/*????????????*/-
HEIGHT: 500px; -/*高度..框線內的*/-
PADDING-BOTTOM: -20px; -/*指定空間*/-
}
#blog_main {------------------------/*整體*/----------------------
MARGIN: 0px auto; -/*指定邊界*/-
WIDTH: 100%; -/*寬度..框線內的*/-
PADDING-TOP: 0px; -/*指定空間*/-
TEXT-ALIGN: center -/*水平位置對齊*/-
HEIGHT: 500px; -/*高度..框線內的*/-
PADDING-BOTTOM: -20px; -/*指定空間*/-
}
#container1{----------------------/*整體內容區塊一*/-----------------
MARGIN: 0px auto -22px; -/*指定邊界*/-
WIDTH: 86%; -/*寬度..框線內的*/-
BACKGROUND-COLOR: transparent; -/*背景*/-
TEXT-ALIGN: LEFT; -/*水平位置對齊*/-
HEIGHT: 500px; -/*高度..框線內的*/-
PADDING-BOTTOM: -20px; -/*指定空間*/-
}
#container2 {------------------------/*內容區塊二*/-------------------
MARGIN: 0px auto; -/*指定邊界*/-
WIDTH: 100%; -/*寬度..框線內的*/-
PADDING-TOP: 0px; -/*指定空間*/-
PADDING-BOTTOM: -20px; -/*指定空間*/-
}
#pageheader { ----------------------/*網誌標題*/-----------------------
MARGIN: -50px auto; -/*標題上下位置*/-
WIDTH: 100%; -/*寬度..框線內的*/-
TEXT-ALIGN: lift; -/*水平位置對齊*/-
COLOR: #FA007A; -/*文字顏色*/-
}
#pageheader A {-----------------/*網誌上方標題*/-------------------
COLOR: #0000CC; -/*文字顏色*/-
TEXT-DECORATION: underline; -/*底線*/-
}
A:link {-----------------------/*連結未抓取狀態*/--------------
COLOR: #FA007A; -/*連結列文字顏色1*/-
TEXT-DECORATION: underline; -/*底線*/-
}
A:visited {--------------------/*連結已抓取狀態*/--------------
COLOR: #6666CC; -/*連結列文字顏色2*/-
TEXT-DECORATION: underline; -/*底線*/-
}
A:hover {-----------------------/*上有游標狀態*/--------------
BACKGROUND: #edf7f7; -/*背景*/-
COLOR: #660099; -/*文字顏色*/-
TEXT-DECORATION: underline; -/*底線*/-
}
A:active {-----------------------/*連結動態標題*/--------------
COLOR: #ff3333; -/*文字顏色*/-
TEXT-DECORATION: underline; -/*底線*/-
}
IMG {-/*????????????*/-
BORDER-LEFT-COLOR: #ccc; -/*左指定框線*/-
BORDER-BOTTOM-COLOR: #ccc; -/*下指定框線*/-
BORDER-TOP-COLOR: #ccc; -/*上指定框線*/-
BORDER-RIGHT-COLOR: #ccc; -/*右指定框線*/-
}
P {-/*文章字體為何在這呢?*/-
FONT-SIZE: 18px; -/*文章字體大小*/--
COLOR: #990000; -/*文章字體顏色*/-
LINE-HEIGHT: 200%; -/*文章字體行距*/-
}
H2 {-/*????????????*/-
PADDING-RIGHT: 0px; -/*指定空間*/-
PADDING-LEFT: 0px; -/*指定空間*/-
PADDING-BOTTOM: 0px; -/*指定空間*/-
PADDING-TOP: 0px; -/*指定空間*/-
MARGIN: 0px;-/*指定邊界*/-
}
H3 {-/*????????????*/-
PADDING-RIGHT: 700px; -/*指定空間*/-
PADDING-LEFT: 0px; -/*指定空間*/-
PADDING-BOTTOM: -100px; -/*指定空間*/-
PADDING-TOP: 0px; -/*指定空間*/-
MARGIN: 0px; -/*指定邊界*/-
}
#banner {----------------------------/*橫幅*/-------------------
PADDING-RIGHT: 0px; -/*指定空間*/-
PADDING-LEFT: 0px; -/*指定空間*/-
BACKGROUND:
url(背景網址)
no-repeat 20% 43%; -/*背景網址*/-
PADDING-BOTTOM: 0px; -/*指定空間*/-
MARGIN: 0px; -/*指定邊界*/-
FONT-STYLE: italic; -/*文字斜體*/-
HEIGHT: 296px; -/*高度..框線內的*/-
TEXT-ALIGN: center; -/*水平位置對齊.置中*/-
}
H1 {------------------------------/*網誌動態標題*/-------------------
PADDING-RIGHT: 0px; -/*指定空間*/-
PADDING-LEFT: 0px; -/*指定空間*/--
FONT-WEIGHT: bold; -/*文字粗細*/-
FONT-SIZE: 60px; -/*字體大小*/-
PADDING-BOTTOM: 0px; -/*指定空間*/-
MARGIN: 0px; -/*指定邊界*/-
PADDING-TOP: 70px; -/*指定空間*/-
LETTER-SPACING: 0px; -/*文字間距*/-
}
#description2 {-------------------/*網誌描述*/----------------
PADDING-LEFT: 40px; -/*指定空間*/-
WIDTH: 930px; -/*網誌描述寬度*/-
MARGIN: 0px; -/*指定邊界*/-
LETTER-SPACING: 0px; -/*文字間距*/-
COLOR: #FA007A;-/*文字顏色*/-
LINE-HEIGHT: 200%; -/*文章字體行距*/-
}
.description {-------------------*動態文章標題*/--------------
FONT-WEIGHT: normal;-/*文字粗細*/--
FONT-SIZE: 20px;-/*字體大小*/-
COLOR: #cc6699;-/*文字顏色*/-
FONT-STYLE: italic; -/*文字斜體*/-
LETTER-SPACING: 2px; -/*文字間距*/-
BACKGROUND-COLOR: transparent; -/背景顏色*/-
}
H1 .description {-----------------/*網誌描述*/----------------
DISPLAY: none; -/*完全不顯示*/-
}
#banner A {-/*????????????*/-
FONT-SIZE: 50px; -/*字體大小*/--
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #FA007A; -/*文字顏色*/-
TEXT-DECORATION: none; -/*底線*/-
}
#banner A:link {-------------------/*網誌描述*/----------------
FONT-SIZE: 20px; -/*網誌描述字體大小*/--
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #ff9999; -/*文字顏色*/-
TEXT-DECORATION: none; -/*底線*/-
}
#banner A:active {-------------/*動態*/----------
FONT-SIZE: 50px; -/*字體大小*/--
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #ff9999; -/*文字顏色*/-
TEXT-DECORATION: none; -/*底線*/-
}
#banner A:visited {-----------------/*網誌標題*/----------------
FONT-SIZE: 50px; -/*網誌標題字體大小*/--
BACKGROUND: none transparent scroll repeat 0% 0%; -/*網誌標題背景*/-
COLOR: #ff9999; -/*網誌標題字體顏色*/-
TEXT-DECORATION: none; -/*網誌標題底線*/-
}
#banner A:hover {
FONT-SIZE: 50px; -/*字體大小*/--
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #ff3333; -/*文字顏色*/-
TEXT-DECORATION: none; -/*底線*/-
}
#description2 A {
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #c4d2c2; -/*文字顏色*/-
TEXT-DECORATION: none; -/*底線*/-
}
#description2 A:link {
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #c4d2c2; -/*文字顏色*/-
TEXT-DECORATION: none; -/*底線*/-
}
#description2 A:active {
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #c4d2c2; -/*文字顏色*/-
TEXT-DECORATION: none
}
#description2 A:visited {
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #c4d2c2; -/*文字顏色*/-
TEXT-DECORATION: none; -/*底線*/-
}
#description2 A:hover {
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
COLOR: #c4d2c2; -/*文字顏色*/-
TEXT-DECORATION: underline; -/*底線*/-
}
#content { --------------------------/*文章區*/-----------------
BACKGROUND-POSITION: right TOP; -/*背景*/-
-/*FILTER: Alpha(opacity=75,enabled=10); 透明度*/-
FLOAT: RIGHT; -/*左右配置靠右*/-
BACKGROUND-IMAGE:
url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759543.jpg);
-/*背景網址*/-
MARGIN: -0px 0px 0px 0px; -/*文章區的上下左右留空寬度*/-
WIDTH: 555px;-/*文章區的寬度*/--
height:358px;-/*高度..框線內的*/--
overflow: auto;-/*捲軸語法*/-
BACKGROUND-REPEAT: no-repeat; -/*背景*/-
}
.blog {--------------------------/*文章區塊*/------------------
MARGIN-TOP: 0px;-/*文章區塊的大底圖上緣凸出大小*/--
FLOAT: right
}
.blogbody {-------------------------/*文章主體*/------------------
-/*字體大小*/-- FONT-SIZE: 12px;
MARGIN-BOTTOM: 18px;-/*指定邊界*/-
COLOR: #33CC33;-/*文字顏色*/-
LINE-HEIGHT: 120%;-/*文章尾部.回應.修改...的上下字差大小*/--
FONT-FAMILY: arial, helvetica, sans-serif
}
.innertext {-----------------/*網誌文章內容內文*/----------------
FONT-SIZE: 12px; -/*字體大小*/--
LINE-HEIGHT: 100%; -/*文字行距*/-
FONT-FAMILY: Georgia; -/*文字字型*/-
}
.articletext {----------------/*網誌文章內容*/-------------------
BORDER-RIGHT: #ffcccc 1px dotted; -/*指定框線*/-
BORDER-TOP: #ffcccc 1px dotted; -/*上指定框線*/--
FONT-SIZE: 20px; -/*文章題目字*/-
-/*FILTER: Alpha(opacity=90,enabled=10) 透明度*/-;
BACKGROUND-POSITION-Y: 65% 50%; -/*背景*/-
BACKGROUND-IMAGE:
url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759607.jpg);
-/*背景圖網址*/-
BORDER-LEFT: #ffcccc 1px dotted; -/*左指定框線*/-
COLOR: #666; -/*文字顏色*/-
LINE-HEIGHT: 110%; -/*文字行距*/-
BORDER-BOTTOM: #ffcccc 1px dotted; -/*下指定框線*/-
BACKGROUND-REPEAT: repeat-y-x; -/*背景重複*/-
FONT-FAMILY: Georgia; -/*文字字型*/-
}
.title {-----------------------------/*標題*/------------------
PADDING-RIGHT: 0px; -/*標題文字左留指定空間*/--
PADDING-LEFT: 0px; -/*標題文字左留指定空間*/--
FONT-WEIGHT: normal; -/*標題字體粗細*/--
FONT-SIZE: 22px; -/*標題字體大小*/-
PADDING-BOTTOM: 0px; -/*標題文字下留指定空間*/-
MARGIN: 10px 10px 240px;-/*文章標題字體與上緣留空大小*/--
WIDTH: 97%; -/*寬度..框線內的*/-
COLOR: #330066; -/*標題文字顏色*/-
PADDING-TOP: 0px; -/*上留指定空間*/--
TEXT-ALIGN: left; -/*左水平位置對齊*/-
}
.date {---------------------------/*文章日期*/----------------
BORDER-RIGHT: #ffcccc 1px solid; -/*右指定框線*/-
PADDING-RIGHT: 1px; -/*指定空間*/-
BACKGROUND-POSITION: 60% bottom; -/*背景位置*/-
BORDER-TOP: #ffcccc 1px solid; -/*上指定框線*/-
PADDING-LEFT: 1px; -/*指定空間*/-
FONT-WEIGHT: normal; -/*標題字體粗細*/--
FONT-SIZE: 12px;-/*字體大小*/--
LINE-HEIGHT: 100%; -/*文字行距*/-
BACKGROUND-IMAGE:
url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759620.jpg);
-/*背景*/-
PADDING-BOTTOM: 1px; -/*指定空間*/-
BORDER-LEFT: #ffcccc 1px solid; -/*左指定框線*/-
WIDTH: 100%; -/*寬度..框線內的*/-
COLOR: #ff6666; -/*文字顏色*/-
PADDING-TOP: 1px; -/*指定空間*/-
BORDER-BOTTOM: #ffcccc 1px solid; -/*下指定框線*/-
BACKGROUND-REPEAT: no-repeat; -/*背景不重複*/-
HEIGHT: 0px;-/*高度..框線內的*/--
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.extended { ---------------------/*繼續閱讀*/--------------
FLOAT: right; -/*左右配置靠右*/-
WIDTH: 100%; -/*寬度..框線內的*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
}

.posted {-/*引用與回應尾部*/--
BORDER-RIGHT: #ffcccc 1px solid; -/*右指定框線*/-
BORDER-TOP: #ffcccc 1px solid; -/*上指定框線*/-
BORDER-LEFT: #ffcccc 1px solid; -/*左指定框線*/-
BORDER-BOTTOM: #ffcccc 1px solid; -/*下指定框線*/-
BACKGROUND-POSITION: 100% BOTTOM ; -/*背景圖位置*/-
FONT-SIZE: medium;-/*字體大小*/--
LINE-HEIGHT: 100%; -/*文字行距*/-
BACKGROUND-IMAGE:
url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759623.jpg);
-/*背景圖網址*/-
COLOR: #ff6666; -/*文字顏色*/-
BACKGROUND-REPEAT: no-repeat; -/*背景不重複*/-
HEIGHT: 10px;-/*高度..框線內的*/--
FONT-FAMILY: Georgia; -/*文字字型*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.comments-head {---------------------/*引用*/----------------
FONT-WEIGHT: bold; -/*文字粗細*/--
FONT-SIZE: 16px; --/*字體大小*/--
COLOR: #d1d2c2; -/*文字顏色*/-
PADDING-TOP: 20px; -/*指定空間*/-
HEIGHT: 10px; -/*高度..框線內的*/-
TEXT-ALIGN: center; -/*水平位置對齊*/-
}
.comments-body {----------------/*本篇文章引用自此*/------------
BORDER-TOP: #ccc 1px dotted; -/*指定框線*/--
FONT-SIZE: 12px; -/*字體大小*/-
MARGIN: 20px 0px 15px 13px; -/*指定邊界*/-
LINE-HEIGHT: 170%; -/*文字行距*/-
PADDING-TOP: 20px; -/*指定空間*/-
}
.comments-post {------------------/*某人某日回應*/-----------
FONT-SIZE: 13px; -/*字體大小*/--
MARGIN: 0px 0px 25px; -/*指定邊界*/-
COLOR: #cec2d2; -/*文字顏色*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.total-comments-div .comments-body FORM {-/*整個回應與引用區塊*/--
BORDER-RIGHT: #ccc 0px solid; -/*指定框線*/-
BORDER-TOP: #ccc 0px solid; -/*指定框線*/-
BORDER-LEFT: #ccc 0px solid; -/*指定框線*/-
BORDER-BOTTOM: #ccc 0px solid; -/*指定框線*/-
PADDING-RIGHT: 40px; -/*指定空間*/-
PADDING-LEFT: 20px; -/*指定空間*/-
PADDING-BOTTOM: 20px; -/*指定空間*/-
PADDING-TOP: 20px; -/*指定空間*/-
}
.comments-body TEXTAREA {------------/*回應文字*/----------------
BORDER-RIGHT: #e6e3ff 1px dotted; -/*指定框線*/-
BORDER-TOP: #e6e3ff 1px dotted; -/*指定框線*/-
BORDER-LEFT: #e6e3ff 1px dotted; -/*指定框線*/-
BORDER-BOTTOM: #e6e3ff 1px dotted; -/*指定框線*/-
BACKGROUND:
url(背景網址);
no-repeat right top; -/*背景不重複*/-
WIDTH: 600px; -/*寬度..框線內的*/-
HEIGHT: 300px; -/*高度..框線內的*/-
}
.comments-body INPUT {-------------/*回應文字輸入*/------------
BACKGROUND: #fff; -/*背景顏色*/-
BORDER-TOP-WIDTH: 0px; -/*指定框線*/-
BORDER-LEFT-WIDTH: 0px; -/*指定框線*/-
BORDER-BOTTOM: #ccc 1px dotted; -/*指定框線*/-
BORDER-RIGHT-WIDTH: 0px; -/*指定框線*/-
}
.trackback-url {-----------------/*本篇文章引用網址*/----------
PADDING-RIGHT: 0px; -/*指定空間*/-
PADDING-LEFT: 10px; -/*指定空間*/-
FONT-SIZE: 15px; -/*字體大小*/--
PADDING-BOTTOM: 0px; -/*指定框線*/-
COLOR: #fff; -/*文字顏色*/-
PADDING-TOP: 50px; -/*指定空間*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.trackback-url INPUT {
BORDER-TOP-WIDTH: 0px; -/*指定框線*/-
BORDER-LEFT-WIDTH: 0px; -/*指定框線*/-
FONT-SIZE: 15px; -/*字體大小*/--
BACKGROUND: #eff7ed; -/*背景顏色*/-
BORDER-BOTTOM-WIDTH: 0px; -/*指定框線*/-
MARGIN: 3px; WIDTH: 75%; -/*指定邊界*/-
COLOR: #666; HEIGHT: 20px; -/*文字顏色*/-
BORDER-RIGHT-WIDTH: 0px; -/*指定框線*/-
}
#links {----------------------------/*連結區*/-----------------
width: 180px;-/*寬度..*/-
height: 358px;-/*高度..框線內的*/-
overflow:auto;-/*捲軸語法*/-
TEXT-ALIGN: center; -/*文字水平位置對齊置中*/-
BACKGROUND-POSITION: 65% top; -/*連結區塊底圖的上下左右位置*/-
PADDING-RIGHT: 0px; -/*指定空間*/-
FILTER: Alpha(opacity=75,enabled=10); -/*連結區塊的濾鏡透明效果*/-
MARGIN-LEFT: 102px; -/*連結列左邊的指定邊界*/-
BACKGROUND-IMAGE:
-/*url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759608.jpg);
連結區塊底圖的網址*/-

SCROLLBAR-FACE-COLOR: #FFCCCC;-/*捲軸滑動版的顏色*/-
SCROLLBAR-HIGHLIGHT-COLOR: #FFF6F2; -/*捲軸滑動版左上邊框的顏色*/-
SCROLLBAR-SHADOW-COLOR: #EBD5C0; -/*捲軸滑動版右下邊框的顏色*/-
SCROLLBAR-3DLIGHT-COLOR: #EBD5C0; -/*捲軸左上邊框的顏色*/-
SCROLLBAR-ARROW-COLOR: #EBD5C0; -/*捲軸上下指標的顏色*/-
SCROLLBAR-TRACK-COLOR: #ffeeee; -/*捲軸軌道底部的顏色/-
SCROLLBAR-DARKSHADOW-COLOR: #FFF6F2; -/*捲軸右下邊框的顏色*/-
SCROLLBAR-BASE-COLOR: #FFF6F2;-/*捲軸基本的顏色*/-
WIDTH: 210px; -/*寬度..框線內的*/-
}
.sidetitle {-----------------------/*連結列標題*/-----------
PADDING-top: 0px; -/*上方指定空間*/-
BORDER-RIGHT: red 0px solid; -/*指定框線*/-
BORDER-TOP: red 0px solid;-/*指定框線*/-
BORDER-LEFT: red 0px solid; -/*指定框線*/-
BORDER-BOTTOM: red 0px solid;-/*指定框線*/-
PADDING-LEFT: 0px; FONT-WEIGHT: normal; -/*標題字體粗細*/--
FONT-SIZE: 16px; -/*標題字體大小*/--
BACKGROUND:url(網址)
no-repeat 0px 0px; -/*背景不重複.座標位置*/-
PADDING-BOTTOM: 0px; -/*指定空間*/-
COLOR: #DC00D9; -/*連結列標題字顏色*/-
}
.boxProfileImg IMG {--------------/*個人照片*/-----------
PADDING-RIGHT: 2px; -/*右留指定空間*/-
PADDING-LEFT: 2px; -/*左留指定空間*/-
BACKGROUND: #FFCDE5; -/*底部顏色*/-
PADDING-BOTTOM: 2px; -/*下留指定空間*/-
MARGIN-LEFT: 20px; -/*靠左起距離位置*/-
PADDING-TOP: 2px; -/*上留指定空間*/-
WIDTH: 120px; -/*寬度..框線內的*/-
}
.calendar {----------------------/*行事曆*/----------
BACKGROUND-IMAGE:
url( );-/*背景網址*/-
MARGIN-TOP: -50px; -/*指定邊界*/-
MARGIN-BOTTOM: 0px; -/*指定邊界*/-
FONT-SIZE: 11px; -/*行事曆字體大小*/-
WIDTH: 210px; -/*寬度..框線內的*/-
}
.boxProfile1 {--------------------/*好友的網誌*/----------
PADDING-LEFT: 0px; -/*指定空間*/-
}
#SlidePicLink IMG {
WIDTH: 70px; -/*寬度..框線內的*/-
}
UNKNOWN {
HEIGHT: 180px; -/*高度..框線內的*/-
}
.boxNewArticle1 {-------------------/*最新文章*/---------
PADDING-LEFT: 0px; -/*指定空間*/-
MARGIN-LEFT: 10px; -/*指定邊界*/-
BORDER-LEFT: #ffffff 1px solid; -/*指定框線*/-
}
.boxCategory1 {
PADDING-LEFT: 0px; -/*指定空間*/-
MARGIN-LEFT: 10px; -/*指定邊界*/-
BORDER-LEFT: #ffffff 1px solid; -/*指定框線*/-
}
.boxNewComment1 {---/*最新的回應一*/--
}
.boxNewComment1 .side {-------------/*最新的回應*/----------
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.boxNewComment1 A {---------------/*最新的回應*/--------
PADDING-RIGHT: 2px; -/*指定空間*/-
PADDING-LEFT: 2px; -/*指定空間*/-
PADDING-BOTTOM: 2px; -/*指定空間*/-
PADDING-TOP: 2px; -/*指定空間*/-
DISPLAY: block; -/*使元件區塊形*/-
BACKGROUND: #fff; -/*背景顏色*/-
COLOR: #663300; -/*文字顏色*/-
TEXT-ALIGN: left; -/*水平位置對齊*/-
TEXT-DECORATION: none; -/*底線*/-
}
.boxNewComment1 A:hover {-----------/*最新的回應*/---------
BACKGROUND: #ffffff; -/*背景顏色*/-
COLOR: #ff0000; -/*文字顏色*/-
}
.boxFolder1 {---------------------/*自定連結*/----------------
BORDER-RIGHT: #ffffff 1px solid; -/*指定框線*/-
PADDING-LEFT: 0px; -/*指定空間*/-
MARGIN-LEFT: 10px; -/*指定邊界*/-
TEXT-ALIGN: left; -/*水平位置對齊*/-
}
.boxFolder1 a {
BORDER-RIGHT: #ffffff 1px solid; -/*指定框線*/-
PADDING-RIGHT: 0px; -/*指定空間*/-
}
.boxFolder1 A:hover {--------------/*自定連結*/--------
line-height: 300px;-/*自定連結*/---/*連結與連結之間的間距*/-
BORDER-RIGHT: #ffffff 1px solid; -/*指定框線*/-
}
.boxCounter1 {--------------------/*人氣統計*/----------
PADDING-LEFT: 0px; -/*留邊厚度*/-
FONT-WEIGHT: bold; -/*文字字型*/-
}
.syndicate {--------------------/*如何使用RSS*/----------------
MARGIN-TOP: 0px; -/*指定邊界*/-
MARGIN-BOTTOM: 5px; -/*指定邊界*/-
TEXT-ALIGN: left; -/*水平位置對齊*/-
}
.syndicate a {-----------------/*RSS 後面 ( ) 裡的字.點下去時*/-----------
COLOR:#FFCCCC; -/*文字顏色*/-
}
.total-comments-div {--------------/*整個回應區塊*/-----------------
BACKGROUND: url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759619.jpg)
no-repeat #FFCCCC 0% top ;-/*整個回應區塊的.背景網址.不重復.底色.座標*/-
BORDER-RIGHT: #663300 1px ridge; -/*右邊框線色.線粗.
線型可設dashed.datted.double.groove.ridge.insrt.outset*/-
BORDER-TOP: #663300 1px ridge; -/*上指定框線*/-
MARGIN-LEFT: 60px; -/*左指定邊界*/-
MARGIN-BOTTOM: 60px; -/*下指定邊界*/-
BORDER-LEFT: #663300 1px ridge; -/*左指定框線*/-
BORDER-BOTTOM: #663300 1px ridge; -/*底指定框線*/-
}
.comments-head {--------------------/*回應*/-----------------
filter:alpha(opacity=60);
PADDING-RIGHT: 5px; -/*指定空間*/-
PADDING-LEFT: 0px; -/*指定空間*/--
FONT-WEIGHT: bold; -/*文字字型*/-
PADDING-BOTTOM: 5px; -/*指定空間*/-
PADDING-TOP: 5px; -/*指定空間*/-
BORDER-BOTTOM: #663300 1px solid; -/*指定框線*/-
LETTER-SPACING: 0.2em; -/*文字間距*/-
}
.comments-body { --------------/*回應欄主體*/-----------------
BACKGROUND: url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759619.jpg)
no-repeat #FF99CC 0% top ;-/*背景.網址.不重復.底色.座標.*/-
BORDER-RIGHT: #663300 1px solid; -/*右邊框線色.線粗.
線型可設dashed.datted.double.groove.ridge.insrt.outset*/-
BORDER-TOP: #663300 1px solid; -/*上指定框線*/-
MARGIN-TOP: 0px; -/*上指定邊界*/-
MARGIN-BOTTOM: 0px; -/*底指定邊界*/-
BORDER-LEFT: #663300 1px solid; -/*左指定框線*/-
COLOR: #993333; -/*文字顏色*/-
FONT-SIZE: 16px;-/*文字大小*/-

}
.comments-body P {--------------/*回應欄文字*/-----------------
no-repeat #FF99CC 0% top ;
PADDING-RIGHT: 30px; -/*指定空間*/-
PADDING-LEFT: 10px; -/*指定空間*/-
}
.comments-bottom .comments-head { --/*給個回應*/-----------------
BORDER-RIGHT: #663300 1px solid; -/*指定框線*/--
PADDING-RIGHT: 20px; -/*指定空間*/-
BORDER-TOP: #663300 1px solid; -/*指定框線*/-
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
BORDER-LEFT: #663300 1px solid; -/*指定框線*/-
BORDER-BOTTOM: #663300 1px solid; -/*指定框線*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.comments-post {--------------/*別人看過文章後回應的*/-----------
COLOR: #993333; -/*文字顏色*/-
PADDING-RIGHT: 10px; -/*指定空間*/-
PADDING-BOTTOM: 10px; -/*指定空間*/-
MARGIN-LEFT: 60px; COLOR: #663300; -/*指定邊界*/-
BORDER-BOTTOM: #663300 1px dotted; -/*指定框線*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.comments-body FORM {------------/*給個回應的表格*/------------
PADDING-RIGHT: 10px; -/*指定空間*/-
PADDING-LEFT: 10px; -/*指定空間*/-
PADDING-BOTTOM: 30px; -/*指定空間*/-
PADDING-TOP: 10px; -/*指定空間*/-
BORDER-BOTTOM: #663300 1px solid; -/*指定框線*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
#url {-------------------------/*輸入url的欄位*/-----------
background:url( http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759543.jpg) ;
WIDTH: 75% -/*背景*/-
}
#email{ -------------------------/*輸入email的欄位*/-----------
background:url( http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759543.jpg) ;
WIDTH: 75% -/*背景*/-
}
.comments-body #text { -------/*整個回應打字區塊的欄位*/-----------
filter:alpha(opacity=60); -/*透明度*/-
BACKGROUND: url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759619.jpg)
no-repeat #FFCC99 0% top ;-/*整個回應打字區塊的透明度.背景網址.不重復.底色.座標*/-
BORDER-RIGHT: #663300 1px solid; -/*右指定框線線色.線粗.線型*/-
BORDER-TOP: #663300 1px solid; -/*指定框線線色.線粗.線型*/-
BORDER-LEFT: #663300 1px solid; -/*指定框線線色.線粗.線型*/-
WIDTH: 350px; COLOR: #663300; -/*打字區塊的寬度.顏色*/-
BORDER-BOTTOM: #663300 1px solid; -/*指定框線線色.線粗.線型*/-
FONT-FAMILY: Arial; -/*回應打字字型*/-
}
.side {-------------------------/*連結區塊的欄位*/-----------
BORDER-RIGHT: #ffcccc thin solid; -/*指定框線*/-
BACKGROUND-POSITION: 100% 100%; -/*背景*/-
BORDER-TOP: #ffcccc thin solid; -/*指定框線*/-
BACKGROUND-IMAGE:
url(http://pic8.pic.wretch.cc/photos/32/t/twohand2012/1/1428759576.jpg);-/*背景*/-
BORDER-LEFT: #ffcccc thin solid; -/*指定框線*/-
BORDER-BOTTOM: #ffcccc thin solid; -/*指定框線*/-
}
.powered {-------------------------/*LOGO*/-----------
padding: 10px;-/*指定空間*/-
MARGIN-BOTTOM: 50px; -/*底指定邊界*/-
}
.total-comments-div .powered {-----/*整個LOGO*/-----------}



sunjw
小小分享一下自己的 ><"　
是相簿地　裡面是放一些我覺得比較難的 自己常常忘記的
沒有像上面twohand那位大大那麼詳細啦　不過希望有點幫助囉

/**到網誌,留言版等的連結**/
.sidetitle font.small-c {}

/**相簿分類,地點等**/
.sidetitle div.small-c {}
.sidetitle div.small-c a:hover {}　/*滑鼠儀過去時*/

/**人氣 & XX本相簿**/
td font.small-c {}

/**only人氣**/
td center font.small-c {}

/**每本相簿名稱**/
table tr td table tr td .small-c a {}
table tr td table tr td .small-c a:hover {}　/*滑鼠儀過去時*/

/**XX張相片**/
table tr td table tr td .small-c {}

/**XX的相簿>XXX**/
.normal-a {}

/**看照片時的　XX的相簿>XXX & 上一張-下一張-等**/
#body_show font a, #body_show .small-a {}

/**隱藏無名logo **/
#logo img {}


arrow
arrow
    全站熱搜

    Joy 發表在 痞客邦 留言(0) 人氣()