?? style.css
字號:
BODY {
FONT-SIZE: 12px; BACKGROUND: url(main.jpg) #eaf7ff no-repeat 50% top; MARGIN: 0px; OVERFLOW: hidden; COLOR: #00bfff; FONT-FAMILY: Arial,Helvetica, sans-serif; TEXT-ALIGN: center
}
A:hover {
COLOR: #009999
}
A:visited {
COLOR: #336699
}
A {
COLOR: #3cb371; TEXT-DECORATION: none
}
H2 {
FONT-SIZE: medium; COLOR: #ffa07a
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#container {
WIDTH: 780px; TEXT-ALIGN: left
}
#header {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(top.jpg) no-repeat 50% top; PADDING-BOTTOM: 25px; MARGIN-LEFT: 10px; WIDTH: 800px; PADDING-TOP: 25px; HEIGHT: 345px; TEXT-ALIGN: center
}
.subtitle {
MARGIN-TOP: 285px; MARGIN-LEFT: 200px; TEXT-ALIGN: left
}
.subtitle A:hover {
COLOR: #fbffff
}
.subtitle A:visited {
COLOR: #f5f5f5
}
.subtitle A {
MARGIN-TOP: 60px; FONT-SIZE: 12px; COLOR: #dc143c
}
.title {
MARGIN-TOP: 20px
}
.title A {
FONT-SIZE: xx-large; COLOR: #8fbc8f
}
#blog {
BORDER-LEFT-COLOR: #e3f2ff; BACKGROUND: url(blog_head_center.png) repeat-y; FLOAT: right; BORDER-BOTTOM-COLOR: #e3f2ff; MARGIN-LEFT: 20px; OVERFLOW: hidden; WIDTH: 460px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #e3f2ff; MARGIN-RIGHT: 5px; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #e3f2ff; BORDER-BOTTOM-STYLE: solid
}
.blog_head {
BACKGROUND-IMAGE: url(blog_head_top.png); WIDTH: 485px
}
.post {
}
#blogbody {
BORDER-RIGHT: #ffe4e1 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ffe4e1 1px solid; PADDING-LEFT: 10px; BACKGROUND: #f5fffa; MARGIN: 10px 10px 50px 30px; BORDER-LEFT: #ffe4e1 1px solid; COLOR: #3a5014; PADDING-TOP: 10px; BORDER-BOTTOM: #ffe4e1 1px solid
}
#blogbody A {
COLOR: #666
}
#blogbody A:hover {
COLOR: #698b23
}
#mytitle:first-letter {
BORDER-RIGHT: #009999 1px dotted; PADDING-RIGHT: 3px; BORDER-TOP: #009999 1px dotted; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 0pt 5pt 0pt 0pt; FONT: 20px bold; BORDER-LEFT: #009999 1px dotted; PADDING-TOP: 3px; BORDER-BOTTOM: #009999 1px dotted
}
#mytitle P:first-letter {
BORDER-RIGHT: #fff 2px dotted; PADDING-RIGHT: 3px; BORDER-TOP: #fff 2px dotted; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 0pt 5pt 0pt 0pt; FONT: 30px bold; BORDER-LEFT: #fff 2px dotted; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 2px dotted
}
.contenttitle {
MARGIN-TOP: 10px; FONT-SIZE: 15px; MARGIN-LEFT: 20px; COLOR: #87ceeb; HEIGHT: 40px
}
.contenttitle A {
FONT-SIZE: 15px; MARGIN-LEFT: 5px; COLOR: #87ceeb
}
.contenttitle A:visited {
COLOR: #87ceeb
}
.contenttime {
MARGIN: -5px 0px 0px 20px; FONT: 10px 'Tahoma', sans-serif; WIDTH: 430px; COLOR: #87ceeb; TEXT-ALIGN: right
}
.contentcomments {
BORDER-TOP: #009999 1px solid; MARGIN-LEFT: 3px; WIDTH: 478px; COLOR: black; TEXT-ALIGN: center
}
.contentcomments A {
FONT-SIZE: 10px; COLOR: black
}
#side {
BORDER-LEFT-COLOR: #e3f2ff; BACKGROUND: url(side_head_center.png) repeat-y; FLOAT: left; BORDER-BOTTOM-COLOR: #e3f2ff; MARGIN-LEFT: 10px; WIDTH: 226px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #e3f2ff; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; TEXT-ALIGN: center; BORDER-RIGHT-COLOR: #e3f2ff; BORDER-BOTTOM-STYLE: solid
}
.side_head {
FLOAT: left; BACKGROUND-IMAGE: url(side_head_top.png); WIDTH: 226px
}
.calMonthDay A {
BACKGROUND-COLOR: #ffffe0
}
.calMonthDay A:visited {
BACKGROUND-COLOR: #f8f8ff
}
.calMonthDay A:hover {
BACKGROUND-COLOR: #90ee90
}
.calMonthBackward {
COLOR: #dc143c
}
.calMonthBackward A:hover {
COLOR: #c71585
}
.calMonthForward A {
COLOR: #d2691e
}
.left_line_top {
MARGIN-TOP: 5px; BACKGROUND: url(line_top.jpg) no-repeat; WIDTH: 226px; HEIGHT: 35px
}
.left_line_content {
BACKGROUND: url(line_content.jpg) repeat-y; WIDTH: 226px; TEXT-ALIGN: center
}
.left_line_buttom {
BACKGROUND: url(line_buttom.jpg) no-repeat; MARGIN-BOTTOM: 5px; WIDTH: 226px; HEIGHT: 35px
}
.bigtitle {
BORDER-BOTTOM-WIDTH: thin; MARGIN-BOTTOM: 20px; WIDTH: 150px; COLOR: white; BACKGROUND-COLOR: #83cbfa
}
.smalltitle {
WIDTH: 150px; TEXT-ALIGN: center
}
.smalltitle A {
LINE-HEIGHT: 200%
}
#footer {
MARGIN-TOP: 30px; FONT-SIZE: 12px; MARGIN-BOTTOM: 30px; WIDTH: 730px; PADDING-TOP: 15px; HEIGHT: 43px; BACKGROUND-COLOR: #fffcfb
}
#footer P A {
TEXT-DECORATION: none
}
#footer P A:hover {
TEXT-DECORATION: underline
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -