blog用到的CSS

原创 2004年11月01日 20:12:00

body {
 font-size : 10pt;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin : 0px;
 background-image: url(http://qhwa.6to23.com/images/blogImage01.jpg);
 background-repeat: no-repeat;
}

a:link {
 color: #009900;
 text-decoration: none;
}
a:visited {
 color: #009933;
 text-decoration: none;
}
a:hover {
 color: #00CC00;
 text-decoration: underline;
}
a:active {
 color: #003300;
}

h1 a:link {
 color: #009900;
 text-decoration: none;
}
h1 a:visited {
 color: #000000;
 text-decoration: none;
}
h1 a:hover {
 color: #00CC00;
 text-decoration: underline;
}
h1 a:active {
 color: #003300;
}

h1 {
 margin : 4px 0px 10px;
 font-size : 16pt;
 font-family: Times New Roman, Times, serif;
 border-top-width: 3px;
 border-top-style: none;
 border-top-color: #CCCCCC;
 display: inline;
 padding-top: 20px;
 top: 2px;
 position: relative;
}

h2 {
 margin-top : 10px;
 font-size : 1em;
}

h5
{
 margin: 0px;
 padding: 0px;
}

#top {
 padding : 20px 10px 20px 50px;
 background-color : #FFFFFF;
 color : #000;
 border-bottom : 1px dashed #CCCCCC;
 margin-top: 50px;
 width: 700px;
 margin-left: 30px;
 border-left-width: 4px;
 border-left-style: solid;
 border-left-color: #00CC00;
 filter: Alpha(Opacity=80);
}

#tagline {
 font-size : 0.8em;
 margin : 0px;
}

p.date img {
 vertical-align : middle;
}

p.date {
 font-size : 0.9em;
 font-weight : bold;
 border-bottom : 1px solid #F0F0F0; 
 margin-bottom : 0px;
 padding : 2px 0px;
}

blockquote {
 font-style : italic;
}

p.postfoot {
 font-size : 0.75em;
 color: #CCCCCC;
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom:dotted 1px #CCC;
}

#leftmenu {
 left : 30px;
 margin-top : 0px;
 width : 180px;
 position: relative;
 float: left;
 margin-left: 0px;
 background-color: #FFFFFF;
 filter: Alpha(Opacity=80);
 padding-top: 10px;
 padding-left: 50px;
}

#leftmenu h3,
#rightmenu h3 {
 font-size : 10pt;
 margin : 0px;
 padding : 0px 4px 0px 10px;
 border-bottom : none;
 border-left-width: 2px;
 border-left-style: solid;
 border-left-color: #CCCCCC;
}

#leftmenu ul,
#rightmenu ul {
 list-style : none;
 margin : 0px 0px 10px 5px;
 padding : 0px;
 font-size : 9pt;
}

#leftmenu li, #rightmenu li {
 background-image: url(http://qhwa.6to23.com/images/icon_article_catalog.gif);
 background-repeat: no-repeat;
 padding-left: 14px;
 margin-bottom: 3px;
 margin-top: 3px;
 background-position: 2px;
}

#rightmenu {
 width : 180px;
 position : relative;
 right : 0px;
 margin-top : 10px;
 clear: left;
 float: left;
 margin-left: 0px;
 left: 30px;
 padding-left: 50px;
}

#main {
 margin : 0px 0px 0px 40px;
 background-color : #FFFFFF;
 padding : 10px;
 border-left : 1px none #555;
 border-right : 1px none #555;
 border-bottom : 4px none #47F;
 float: left;
 width: 500px;
 clear: right;
}

#main h2 {
 background-image: url(http://qhwa.6to23.com/images/icon_article_title.gif);
 background-repeat: no-repeat;
 background-position: 2px;
 padding-left: 18px;
 margin-bottom: 0px;
 margin-top:5px;
}
#main .date {
 font-size: 8pt;
 color: #CCCCCC;
 font-weight: normal;
}

#footer {
 margin : 0px;
 padding-top : 5px;
 text-align : center;
 font-size : 0.7em;
 clear: both;
}

input.text {
 width : 300px; 
}

textarea {
 width : 300px;
 height : 200px;
}

#comments h4 span {
 color : #999;
}

#comments h4 {
 margin : 0px;
 font-size : 0.9em;
}

p {
 margin : 10px 0px;
}

h3 {
 font-size : 1.2em;
 border-bottom : 1px solid #AAA;
}

#relatedlinks ul {
 list-style : none;
 margin-left : 10px;
 padding : 0px;
}

span.highlight {
 background-color:Yellow;  
}

DIV.code {
 margin:20px;
 padding:5px;
 border:solid 1px #CCCCCC;
 font-size:8pt;
 max-height:400px;
 overflow-y:scroll;
}

模版選擇marvin-3

检查网站中没用到的css

使用firefox 组件来检测网站中没有使用的css 在火狐的附件管理器中搜索Dust-Me selectors并添加 重启浏览器  点击这个右上角这个图标就可以运行了, 这时界...
  • uuus007
  • uuus007
  • 2014年04月02日 17:05
  • 1657

今天把blog的css修改了一下

把字体改了改,看起来舒服多了
  • wuyou
  • wuyou
  • 2004年12月01日 10:22
  • 598

个人博客的制作总结

blog的制作总结琐碎的话这两天刚写完所有页面与功能,回头再看看,有意思的一点是,每次写代码都像是轮回的过程。我上学那会儿经常会遇到一些生活、学习上的看似棘手的问题,那时我总是在举步维艰时强迫自己认为...
  • twoByte
  • twoByte
  • 2016年11月11日 17:11
  • 1282

经常用到的css样式

单行文本超出显示省略号
  • LXQSW
  • LXQSW
  • 2015年11月19日 21:01
  • 98

HTMLCSS常用英语词汇

刚刚开始学html和css,觉得有一些英语词汇还是需要背下的,就上网找了一下。挺不错的! A  absolute 绝对的 active 活动的,激活的,标记的一个伪类 align ...
  • Misaya_hu
  • Misaya_hu
  • 2015年09月19日 22:37
  • 2475

一个css效果的Android实现

大过年的,来瞅瞅效果: 记得以前看过一个css效果,鼠标滑过圆圈,圆圈分成四个子圆圈,子圆圈和原先的圆圈占据的矩形是同一个。这个是Android的版本鼠标滑过的事件变为手指触摸事件。废话不多...
  • u012293381
  • u012293381
  • 2015年02月19日 18:50
  • 1264

CSS中长度单位的使用

在写css的时候最常用的长度单位是px(像素),经常看到的还有em,pt等等,其实css中的长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm。   1、px:像素(Pix...
  • dodott
  • dodott
  • 2014年08月22日 14:42
  • 650

个人学习第一阶段——关于html和css的技巧及问题总结(一)

在HTML和CSS学习和实践过程中遇到的一些问题和个人总结的一些经验
  • u014244487
  • u014244487
  • 2015年03月10日 11:03
  • 526

软件工程经常用到的一些软件(转)

Java系列: 项目管理: (1) 需求管理软件: 1.Telelogic DOORS占70%份额 2.Rational Requisite Pro 3.Borlan...
  • Hashmat
  • Hashmat
  • 2010年11月25日 13:18
  • 3083

设计一个基于CSS的网页模板

本文的出处:http://edu.iecool.com/show/10683.html这 是一个教你如何一步一步学习建立基于CSS制作网站的开始,这个教程将由几个部分组成。第一部分是讲述如何在phot...
  • killlkilll
  • killlkilll
  • 2006年10月28日 14:47
  • 1523
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:blog用到的CSS
举报原因:
原因补充:

(最多只允许输入30个字)