⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.css

📁 嵌入式系统教程
💻 CSS
字号:
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: silver; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: #000000; LINE-HEIGHT: 150%; PADDING-TOP: 0px
}
A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #000000
}
A:visited {
	COLOR: #000000
}
A:hover {
	COLOR: #996633; TEXT-DECORATION: none
}
A:active {
	COLOR: silver; TEXT-DECORATION: none
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WORD-BREAK: break-all; PADDING-TOP: 0px; TEXT-ALIGN: left
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 150%; PADDING-TOP: 0px
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#navlist {
	FONT: 12px Verdana, sans-serif; MARGIN-LEFT: 0px
}
#navlist LI {
	DISPLAY: inline; MARGIN: 0px; LIST-STYLE-TYPE: none
}
#navlist LI A {
	PADDING-RIGHT: 0.3em; PADDING-LEFT: 0.3em; PADDING-BOTTOM: 3px; MARGIN-LEFT: 0px; PADDING-TOP: 3px; TEXT-DECORATION: none
}
#navlist LI A:link {
	COLOR: silver
}
#navlist LI A:visited {
	COLOR: silver
}
#navlist LI A:hover {
	BORDER-LEFT-COLOR: #227; BORDER-BOTTOM-COLOR: #227; BORDER-TOP-COLOR: #227; BORDER-RIGHT-COLOR: #227
}
#navlist LI A#current {
	BACKGROUND: #ccc
}
#menucp {
	WIDTH: 800px; HEIGHT: 50px; BACKGROUND-COLOR: #ffffff
}
.menufont {
	FONT-SIZE: 12px; COLOR: #ffffff
}
#clear {
	CLEAR: both
}
#center {
	CLEAR: both; TEXT-ALIGN: center
}
#top {
	WIDTH: 800px; BACKGROUND-COLOR: #ffffff
}
.top2 {
	PADDING-RIGHT: 2px; MARGIN-TOP: 0px; PADDING-LEFT: 2px; BACKGROUND: #fff; FLOAT: right; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 2px; WIDTH: 580px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; HEIGHT: 85px
}
.top2 IMG {
	FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 500px; HEIGHT: 80px
}
#topads {
	WIDTH: 800px
}
.nav {
	COLOR: #000000; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff
}
.logo {
	MARGIN-TOP: 8px; BACKGROUND: #ffffff; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 5px; WIDTH: 800px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: auto
}
.logopic {
	MARGIN-TOP: 0px; FLOAT: left; MARGIN-LEFT: 3px; HEIGHT: 62px; BACKGROUND-COLOR: #fff
}
.recmend {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px; WIDTH: 800px; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff
}
.recleft {
	FLOAT: left; WIDTH: 400px; BACKGROUND-COLOR: #ffffff
}
.flash {
	FLOAT: left; WIDTH: 220px
}
.txt {
	FLOAT: right; WIDTH: 170px; HEIGHT: 190px; TEXT-ALIGN: left
}
.recright {
	FLOAT: right; WIDTH: 400px; BACKGROUND-COLOR: #ffffff
}
.td1 {
	BACKGROUND: url(images/cpfw.gif) #999999
}
#cphelp {
	MARGIN-LEFT: auto; WIDTH: 800px; MARGIN-RIGHT: auto; PADDING-TOP: 15px; HEIGHT: 500px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#cpfwright {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: right; BORDER-LEFT: #000000 1px solid; WIDTH: 580px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 116px
}
.cpfwtxt {
	CLEAR: both; MARGIN-TOP: 15px; WIDTH: 580px
}
.cpfwtxt4 {
	FLOAT: left; WIDTH: 140px; HEIGHT: 60px
}
#bbs {
	MARGIN-TOP: 0px; MARGIN-LEFT: auto; WIDTH: 800px; MARGIN-RIGHT: auto; BACKGROUND-COLOR: #ffffff
}
.bbs {
	FLOAT: left; WIDTH: 400px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.bbstitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; WIDTH: 400px; COLOR: #000000; FONT-FAMILY: "宋体"; HEIGHT: 21px
}
.aricle {
	FLOAT: right; WIDTH: 400px; COLOR: #00ff33; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.aricletitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; WIDTH: 400px; COLOR: #000000; FONT-FAMILY: "宋体"; HEIGHT: 21px
}
#footer {
	BORDER-TOP: #000000 1px solid; MARGIN-TOP: 0px; MARGIN-LEFT: auto; WIDTH: 800px; MARGIN-RIGHT: auto; HEIGHT: 60px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
#copyright {
	COLOR: #000; LINE-HEIGHT: 17px; PADDING-TOP: 10px; HEIGHT: 60px; TEXT-ALIGN: center
}
.COPY1 {
	MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; MARGIN-LEFT: auto; WIDTH: 550px; MARGIN-RIGHT: auto; BORDER-BOTTOM: #000000 1px solid
}
.COPY2 {
	WIDTH: 800px; COLOR: #000000; TEXT-ALIGN: center
}
#jobody {
	MARGIN-TOP: 2px; COLOR: #000000; BACKGROUND-COLOR: #ffffff
}
.jobleft {
	FLOAT: left; WIDTH: 220px; PADDING-TOP: 15px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.jobcontent {
	FLOAT: right; WIDTH: 555px
}
.jobcontentnet {
	PADDING-LEFT: 5px; FLOAT: right; WIDTH: 800px; HEIGHT: 300px
}
.jobtitle {
	BORDER-RIGHT: #990000 1px solid; BORDER-TOP: #990000 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 10px; BORDER-LEFT: #990000 1px solid; COLOR: #990000; PADDING-TOP: 6px; BORDER-BOTTOM: #990000 1px solid; HEIGHT: 25px; TEXT-ALIGN: left
}
.jobpost {
	PADDING-LEFT: 10px; PADDING-BOTTOM: 12px; MARGIN: 3px; COLOR: #000000; LINE-HEIGHT: 150%; PADDING-TOP: 8px; TEXT-ALIGN: left
}
.jobpost1 {
	PADDING-LEFT: 12px; PADDING-BOTTOM: 12px; MARGIN: 3px; COLOR: #000000; LINE-HEIGHT: 150%; PADDING-TOP: 8px; TEXT-ALIGN: left
}
.jobname {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; MARGIN-BOTTOM: 13px; PADDING-BOTTOM: 1px; COLOR: #ff6600; LINE-HEIGHT: 130%; PADDING-TOP: 1px
}
.mainDiv {
	FLOAT: left; WIDTH: 170px
}
.topItem {
	FONT-WEIGHT: bold; BACKGROUND: url(images/default/title_show.gif) #999999; VERTICAL-ALIGN: middle; WIDTH: 170px; CURSOR: pointer; COLOR: #000000; LINE-HEIGHT: 28px; FONT-FAMILY: "GOTHIC"; HEIGHT: 28px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.dropMenu {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #d9d9d9; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: left
}
.subMenu {
	DISPLAY: none
}
.subItem {
	PADDING-LEFT: 1px; FONT-WEIGHT: bold; COLOR: black; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.subItemOver {
	PADDING-LEFT: 1px; FONT-WEIGHT: bold; COLOR: black; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.subItem A {
	COLOR: black; TEXT-DECORATION: none
}
.drop {
	BORDER-RIGHT: black 1px solid; BORDER-LEFT: black 1px solid
}
.topmain {
	MARGIN: 0px auto; WIDTH: 800px; HEIGHT: 60px; BACKGROUND-COLOR: #ffffff
}
.navleft {
	FLOAT: left; WIDTH: 200px; TEXT-ALIGN: center
}
.navleft IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 180px; HEIGHT: 50px; BORDER-RIGHT-WIDTH: 0px
}
.navright {
	FLOAT: right; WIDTH: 600px; TEXT-ALIGN: right
}
.menu {
	FONT-SIZE: 12px; MARGIN: 0px; WIDTH: 600px; FONT-FAMILY: arial, sans-serif; POSITION: relative
}
.menu UL LI A {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 12px; BACKGROUND: #8d8d8d; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 82px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu UL LI A:visited {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 12px; BACKGROUND: #8d8d8d; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 82px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu UL LI {
	FLOAT: left; MARGIN-RIGHT: 1px; POSITION: relative
}
.menu UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover A {
	BACKGROUND: #575757; COLOR: #fff
}
.menu UL LI:hover UL {
	DISPLAY: block; LEFT: 0px; WIDTH: 83px; POSITION: absolute; TOP: 21px
}
.menu UL LI:hover UL LI A.hide {
	BACKGROUND: #8d8d8d; WIDTH: 167px; COLOR: #fff
}
.menu UL LI:hover UL LI:hover A.hide {
	BACKGROUND: #8d8d8d; COLOR: #000
}
.menu UL LI:hover UL LI:hover UL LI A {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 12px; BACKGROUND: #8d8d8d; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 130px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.menu UL LI:hover UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover UL LI A {
	DISPLAY: block; BACKGROUND: #8d8d8d; WIDTH: 167px; COLOR: #fff; TEXT-ALIGN: right
}
.menu UL LI:hover UL LI A:hover {
	BACKGROUND: #575757; COLOR: #fff
}
.menu UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 170px; POSITION: absolute; TOP: 0px
}
.menu UL LI:hover UL LI:hover UL.left {
	LEFT: -105px
}
.texttitle {
	COLOR: #c10001
}
.texttitle A:link {
	COLOR: #c10001; TEXT-DECORATION: none
}
.texttitle A:visited {
	COLOR: #c10001; TEXT-DECORATION: none
}
.texttitle A:hover {
	COLOR: #c10001; TEXT-DECORATION: underline
}
.texttitle A:active {
	COLOR: #c10001; TEXT-DECORATION: none
}
#imgTitle {
	FILTER: ALPHA(opacity=70); LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TEXT-ALIGN: left
}
#imgTitle_up {
	LEFT: 0px; HEIGHT: 1px; TEXT-ALIGN: left
}
#imgTitle_down {
	LEFT: 0px; TEXT-ALIGN: right
}
.imgClass {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid
}
#txtFrom {
	VERTICAL-ALIGN: middle; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.button {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BACKGROUND: #7b7b63; PADDING-BOTTOM: 2px; MARGIN: 0px; FONT: bold 9px sans-serif; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 2px; TEXT-DECORATION: none
}
A.button {
	COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
A.button:link {
	COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
A.button:visited {
	COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
A.button:hover {
	BACKGROUND: #fff; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
}
.buttonDiv {
	BACKGROUND: #000000; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 21px; HEIGHT: 1px; TEXT-ALIGN: center
}
.trans {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); WIDTH: 90px; BACKGROUND-COLOR: #000
}
TD {
	TEXT-ALIGN: left
}

⌨️ 快捷键说明

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