css现状

来源:互联网 发布:剑三苍云正太捏脸数据 编辑:程序博客网 时间:2024/04/28 19:24
.headermaintitle{font-family:华文彩云;font-size:1.10cm;color:white;align:center}
BODY {
MARGIN: 0px; BACKGROUND-COLOR: MediumOrchid;
FONT-SIZE: 0.9em; FONT-FAMILY: Georgia;
}
A, A:visited, A:active, A:link {
COLOR: #00f; TEXT-DECORATION: none;
}
A:hover {
COLOR: black; TEXT-DECORATION: none;
}
H1 {
FONT-SIZE: 1.5em; MARGIN: 0px;
}
H1 A:visited {
COLOR: #000;
}
H1 A:active {
COLOR: #000;
}
H1 A:link {
COLOR: #000;
}
H1 A:hover {
COLOR: #47f; TEXT-DECORATION: none;
}
H2 {
FONT-SIZE: 1em; margin-top: 0px; padding-left: 0px;
}
H3 {
FONT-SIZE: 1.2em; BORDER-BOTTOM: #aaa 1px solid
}
H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
MARGIN: 10px 0px
}
BLOCKQUOTE {
FONT-STYLE: italic
}
INPUT.text {
WIDTH: 300px
}
TEXTAREA {
WIDTH: 300px; HEIGHT: 200px
}
/* 这里的filter产生一个渐进的背景效果, 参数gradientType 为 1 则是横向的渐进,0 则为纵向的渐进,更详细的内容请参看 MSDN*/
#top {
font-family:Georgia;
background-color : #ffffff;
height: 171px;
vertical-align: right;
horizontal-align: center;
background-image:url(http://blog.csdn.net/images/blog_csdn_net/yuanqingfei/17952/o_14.jpg);
background-repeat:no-repeat;
filter:alpha(opacity=100);
}
#top H1 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
#top H1 A {
COLOR: #fff;
}
#tagline {
MARGIN: 0px; PADDING: 5px; FONT-SIZE: 10px; COLOR: #fff;
}
#menu {
BORDER-TOP: #999 1px solid; FONT-SIZE: 100%; BACKGROUND-COLOR: #f1f1f1; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
#menu UL {
height: 100%; FONT-size: 100%; COLOR: black; TEXT-DECORATION: none; MARGIN: 0px; PADDING: 0px; border: 0px; LIST-STYLE-TYPE: none;
}
#menu LI {
height: 100%; FONT-SIZE: 100%; BORDER-RIGHT: #a9a9a9 1px solid; PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
}
#menu li a {
height:100%; FONT: 75% Verdana; COLOR: black; TEXT-DECORATION: none;
}
/* 这里对导航菜单的链接样式做了设计,产生类似微软网站的效果,我只使用css,没有用js操作 */
#menu LI A {
border: 1px #f1f1f1 solid; padding-left: 8px; padding-right: 8px; padding-top:1px; padding-bottom:1px; margin: 0px; background-color: #f1f1f1; COLOR: black; TEXT-DECORATION: none;
}
#menu LI A:hover {
border: 1px #999 solid; padding-left: 8px; padding-right: 8px; padding-top:1px; padding-bottom:1px; margin: 0px; background-color: #ccc; COLOR: black; TEXT-DECORATION: none;
}
#MyLinks1_XMLLink {
VISIBILITY: hidden; width: 0px; height: 0px; padding: 0px; margin: 0px;
}
#MyLinks1_XMLLink IMG {
VISIBILITY: hidden; width: 0px; height: 0px; padding: 0px; margin: 0px;
}
#leftmenu {
MARGIN: 0px; margin-top: 10px; LEFT: 10px; padding: 0px; WIDTH: 180px; POSITION: absolute;
}
#leftmenu H3 {
FONT-SIZE: 0.9em; BORDER: #999 1px solid; BORDER-BOTTOM: 0px; HEIGHT: 100%; MARGIN: 0px; PADDING: 5px; FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#4992DB', gradientType='0');
}
#leftmenu UL {
FONT-SIZE: 0.8em; LIST-STYLE-TYPE: none; PADDING: 4px; BORDER: #999 1px solid; MARGIN: 0px; MARGIN-BOTTOM: 10px;
}
#leftmenu LI A {
COLOR: black; TEXT-DECORATION: none;
}
#leftmenu LI A:hover {
COLOR: black; TEXT-DECORATION: underline;
}
#main {
PADDING: 10px; MARGIN-LEFT: 200px; BORDER: 0px; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 4px solid; background-image:url (http://blog.csdn.net/images/blog_csdn_net/yuanqingfei/17952/o_bk1.jpg);
}
#main P.date {
FONT-WEIGHT: bold; FONT-SIZE: 0.9em; BORDER: #999 1px solid; BORDER-BOTTOM: none; PADDING-top: 4px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; MARGIN: 0px; HEIGHT: 100%; FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#4992DB', startColorstr='#FFFFFF', gradientType='1');
}
#main P.date IMG {
VERTICAL-ALIGN: middle
}
#main DIV.post {
BORDER: #999 1px solid; PADDING: 5px; MARGIN: 0px 0px 10px;
}
#main A, A:hover, A:visited {
border:1px solid #008000; color:#008000; background-color:#D5EAD5
}
#main P.postfoot {
FONT-SIZE: 0.75em; PADDING: 0px; PADDING-TOP: 5px; PADDING-BOTTOM: 2px; MARGIN: 10px 0px 0px; BORDER-TOP: #999 1px dotted;
}
#relatedlinks UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#comments {
MARGIN-BOTTOM: 10px; COLOR: #700
}
#comments H3 {
COLOR: #700
}
#comments H4 {
FONT-SIZE: 0.9em; MARGIN: 0px
}
#comments H4 SPAN {
COLOR: #999;
}
#comments P {
BORDER-BOTTOM: #dddddd 1px solid
}
#comments P A {
FONT-SIZE: 9px; COLOR: darkblue
}
#footer {
FONT-SIZE: 0px; VISIBILITY: hidden; MARGIN: 0px; PADDING: 0px; HEIGHT: 0px; TEXT-ALIGN: center
}
#footer IMG {
VISIBILITY: hidden; WIDTH: 0px; HEIGHT: 0px
}
#div_list P {
FONT-SIZE: 12px
}
#div_list IMG {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
#imageFrame DIV.div_image {
MARGIN-TOP: 20px; TEXT-ALIGN: center
}
#imageFrame DIV.div_link {
TEXT-ALIGN: center
}
#commentform TABLE {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#commentform TD {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#commentform TR {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#main DIV.cus_code {
COLOR: #465584; FONT-SIZE: 12px; FONT-FAMILY: Courier New;BORDER: #000000 1px solid;BORDER-LEFT: #666666 6px solid; PADDING-LEFT: 0px 0px 0px 0px;MARGIN: 10px 20px;BACKGROUND-COLOR: #ffffff;
}
原创粉丝点击