📄 style.css

📁 directshow的开发过程的详细介绍
💻 CSS
字号:
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(y_blogimg/f_bimg02.gif) #241b09; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "??","Arial"; TEXT-ALIGN: center
}
FORM {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
IMG {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
INPUT {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DIV {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
UL {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
LI {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DL {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DT {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DD {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
P {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
.clear {
	CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 1px
}
#header {
	BACKGROUND: url(y_blogimg/y_bimg01.gif); WIDTH: 100%; PADDING-TOP: 6px; HEIGHT: 22px; TEXT-ALIGN: left
}
#header {
	BACKGROUND: url(y_blogimg/y_bimg01.gif); WIDTH: 100%; PADDING-TOP: 6px; HEIGHT: 22px; TEXT-ALIGN: left
}
#header DIV {
	PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; WIDTH: 150px; COLOR: #7d7d7d; LINE-HEIGHT: 20px
}
#header DIV A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #7d7d7d; TEXT-DECORATION: none
}
#header DIV A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #7d7d7d; TEXT-DECORATION: none
}
#header DIV A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #7d7d7d; TEXT-DECORATION: underline
}
#header DIV A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #7d7d7d; TEXT-DECORATION: underline
}
#header P {
	FLOAT: right; LINE-HEIGHT: 20px
}
#header P SPAN {
	MARGIN-RIGHT: 12px
}
#header P SPAN A:link {
	COLOR: #000; TEXT-DECORATION: none
}
#header P SPAN A:visited {
	COLOR: #000; TEXT-DECORATION: none
}
#header P SPAN A:active {
	COLOR: #000; TEXT-DECORATION: underline
}
#header P SPAN A:hover {
	COLOR: #000; TEXT-DECORATION: underline
}
#thead {
	MARGIN-TOP: 30px; BACKGROUND: url(y_blogimg/f_bimg01.gif) no-repeat; MARGIN-LEFT: auto; WIDTH: 760px; MARGIN-RIGHT: auto; HEIGHT: 120px
}
#thead DIV {
	BORDER-RIGHT: #000 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 0px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; FILTER: alpha(opacity=70); FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 30px 0px 10px 15px; BORDER-LEFT: #000 0px solid; WIDTH: 527px; COLOR: #0066cc; LINE-HEIGHT: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: #000 0px solid; TEXT-ALIGN: left; moz-opacity: 0.7
}
#thead DIV SPAN {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-RIGHT: 20px
}
#thead DIV SPAN A:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: underline
}
#thead DIV SPAN A:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: underline
}
#thead DIV SPAN A:active {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: none
}
#thead DIV SPAN A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: none
}
#thead P {
	BORDER-RIGHT: #000 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 0px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fff; FILTER: alpha(opacity=70); FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 15px; OVERFLOW: hidden; BORDER-LEFT: #000 0px solid; WIDTH: 527px; COLOR: #0066cc; LINE-HEIGHT: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: #000 0px solid; WHITE-SPACE: nowrap; TEXT-ALIGN: left; moz-opacity: 0.7
}
.kkk {
	FLOAT: left; WIDTH: 100px; WHITE-SPACE: nowrap
}
.kkk1 {
	FLOAT: left; WIDTH: 240px; WHITE-SPACE: nowrap
}
.kkk2 {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 50px; WHITE-SPACE: nowrap
}
#content {
	BORDER-RIGHT: #c2c2c2 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; MARGIN-LEFT: auto; BORDER-LEFT: #c2c2c2 1px solid; WIDTH: 760px; MARGIN-RIGHT: auto; PADDING-TOP: 10px
}
#bleft {
	BORDER-RIGHT: #cacaca 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 190px; PADDING-TOP: 10px
}
#bright {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 20px; WIDTH: 487px; PADDING-TOP: 10px
}
#perimg {
	MARGIN-BOTTOM: 10px
}
#perimg IMG {
	WIDTH: 190px; HEIGHT: 150px
}
.leftmenu {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW: hidden; WIDTH: 190px; COLOR: #0066cc; LINE-HEIGHT: 30px; BORDER-BOTTOM: #ccc 2px dashed; HEIGHT: 30px; TEXT-ALIGN: left
}
.lefbox {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #fff 1px solid; WIDTH: 188px; COLOR: #666; LINE-HEIGHT: 20px; PADDING-TOP: 10px; BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: left
}
.lefbox UL {
	LIST-STYLE-TYPE: none
}
.lefbox LI {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 168px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none
}
.lefbox A:link {
	FONT-SIZE: 12px; COLOR: #666; TEXT-DECORATION: none
}
.lefbox A:visited {
	FONT-SIZE: 12px; COLOR: #666; TEXT-DECORATION: none
}
.lefbox A:active {
	FONT-SIZE: 12px; COLOR: #666; TEXT-DECORATION: underline
}
.lefbox A:hover {
	FONT-SIZE: 12px; COLOR: #666; TEXT-DECORATION: underline
}
.leftcatalog {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #fff; MARGIN-BOTTOM: 10px; BORDER-LEFT: #fff 1px solid; WIDTH: 188px; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 70px; TEXT-ALIGN: center
}
.leftcatalog LI {
	BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; MARGIN: 0px 4px 4px; WIDTH: 80px; LINE-HEIGHT: 30px; LIST-STYLE-TYPE: none; HEIGHT: 30px; TEXT-ALIGN: center
}
.leftcatalog LI A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0066cc; TEXT-DECORATION: none
}
.leftcatalog LI A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0066cc; TEXT-DECORATION: none
}
.leftcatalog LI A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0066cc; TEXT-DECORATION: underline
}
.leftcatalog LI A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0066cc; TEXT-DECORATION: underline
}
.rightbox1 {
	MARGIN: 6px 0px 0px -24px; WIDTH: 450px
}
.rightbox1 A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #666; TEXT-DECORATION: underline
}
.rightbox1 A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #666; TEXT-DECORATION: underline
}
.rightbox1 A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #666; TEXT-DECORATION: none
}
.rightbox1 A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #666; TEXT-DECORATION: none
}
.rightmenu {
	PADDING-LEFT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 477px; COLOR: #0066cc; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: left
}
.rightmenu DIV {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 343px; WHITE-SPACE: nowrap
}
.rightmenu DIV A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0066cc; TEXT-DECORATION: none
}
.rightmenu DIV A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0066cc; TEXT-DECORATION: none
}
.rightmenu DIV A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0066cc; TEXT-DECORATION: underline
}
.rightmenu DIV A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0066cc; TEXT-DECORATION: underline
}
.rightmenu SPAN {
	PADDING-RIGHT: 5px; FLOAT: right; COLOR: #a7a7a7; MARGIN-RIGHT: 4px
}
.rightbox {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 477px; COLOR: #666; TEXT-INDENT: 24px; LINE-HEIGHT: 21px; PADDING-TOP: 10px; BORDER-BOTTOM: #6a6a6a 1px dotted; TEXT-ALIGN: left; WORD-WRAP: break-word
}
.rightcom {
	MARGIN: 10px 0px; COLOR: #a7a7a7; TEXT-ALIGN: right
}
.rightcom A:link {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #a7a7a7; TEXT-DECORATION: none
}
.rightcom A:visited {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #a7a7a7; TEXT-DECORATION: none
}
.rightcom A:active {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #a7a7a7; TEXT-DECORATION: underline
}
.rightcom A:hover {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #a7a7a7; TEXT-DECORATION: underline
}
#page {
	MARGIN-BOTTOM: 10px; TEXT-ALIGN: left
}
#page SPAN {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 6px; BACKGROUND: #a7a7a7; PADDING-BOTTOM: 3px; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 4px; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid
}
#page A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
}
#page A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
}
#page A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: underline
}
#page A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: underline
}
#page FONT {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 6px; BACKGROUND: #0066cc; PADDING-BOTTOM: 3px; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 4px; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid
}
#page FONT A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
}
#page FONT A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
}
#page FONT A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: underline
}
#page FONT A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: underline
}
#floor {
	BACKGROUND: url(y_blogimg/f_bimg03.gif) repeat-x; MARGIN-LEFT: auto; WIDTH: 760px; COLOR: #000; LINE-HEIGHT: 28px; MARGIN-RIGHT: auto; PADDING-TOP: 50px; HEIGHT: 35px
}
#floors {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 30px; WIDTH: 100%; COLOR: #fff; HEIGHT: 30px
}
.xgwz {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 10px 0px; WIDTH: 480px; COLOR: #666; LINE-HEIGHT: 20px; PADDING-TOP: 10px; HEIGHT: 20px; TEXT-ALIGN: left
}
.xgwz A:link {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: none
}
.xgwz A:visited {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: none
}
.xgwz A:active {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: underline
}
.xgwz A:hover {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: underline
}
.bkwzpl {
	MARGIN-TOP: 15px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: #0066cc; WIDTH: 475px; COLOR: #fff; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: left
}
.bkwzp2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; WIDTH: 465px; COLOR: #a7a7a7; PADDING-TOP: 10px; BORDER-BOTTOM: #666 1px dashed; HEIGHT: 20px; TEXT-ALIGN: left
}
.bkwzp2 LI {
	LIST-STYLE: disc url(y_blogimg/icon.gif) inside; OVERFLOW: hidden; WIDTH: 395px; CURSOR: hand; WHITE-SPACE: nowrap
}
.bkwzp2 A:link {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #0066cc; TEXT-DECORATION: none
}
.bkwzp2 A:visited {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #0066cc; TEXT-DECORATION: none
}
.bkwzp2 A:active {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #0066cc; TEXT-DECORATION: underline
}
.bkwzp2 A:hover {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #0066cc; TEXT-DECORATION: underline
}
.bkwzp3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; WIDTH: 463px; COLOR: #747474; LINE-HEIGHT: 21px; PADDING-TOP: 10px; HEIGHT: 100%; TEXT-ALIGN: left; WORD-WRAP: break-word
}
.bkwzp4 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; WIDTH: 465px; COLOR: #666; LINE-HEIGHT: 21px; PADDING-TOP: 20px; HEIGHT: 100%; TEXT-ALIGN: left; WORD-WRAP: break-word
}
.bkwjj {
	BORDER-RIGHT: #a7a7a7 1px solid; BORDER-TOP: #a7a7a7 1px solid; BACKGROUND: #fff; BORDER-LEFT: #a7a7a7 1px solid; WIDTH: 167px; BORDER-BOTTOM: #a7a7a7 1px solid; HEIGHT: 20px
}
.bkwjj1 {
	BORDER-RIGHT: #a7a7a7 1px solid; BORDER-TOP: #a7a7a7 1px solid; MARGIN-TOP: 10px; BACKGROUND: #fff; BORDER-LEFT: #a7a7a7 1px solid; WIDTH: 365px; BORDER-BOTTOM: #a7a7a7 1px solid
}
.bkwjj2 {
	COLOR: #a7a7a7
}
.bkwjj3 {
	BORDER-RIGHT: #a7a7a7 1px solid; BORDER-TOP: #a7a7a7 1px solid; BACKGROUND: #fff; BORDER-LEFT: #a7a7a7 1px solid; WIDTH: 100px; PADDING-TOP: 3px; BORDER-BOTTOM: #a7a7a7 1px solid
}
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -