来不及仔细写了.只能草草的介绍一下.回来再仔细更新...以我现在所用的模板为例子...



定义页面超级连接----A,A:HOVER
{
color:#666666;
text-decoration:none;
}

定义要要缩排的文字----BLOCKQUOTE
{
font-style:italic;
padding:5px;
}

定义页面(比如背景)----BODY
{
background:url(网址) repeat fixed;
color:#CC9999;
font:11px Tahoma,Verdana;
text-align:left;
word-wrap:break-word;
}

定义文字框----INPUT,TEXTAREA{
font:11px;
padding:3px;
}
INPUT.TEXT{
width:600px;
}


定义标题----LEGEND{
background:transparent;
border:0px;
letter-spacing:2px;
margin-bottom:0.5em;
margin-top:0.5em;
padding:2px;
}

定义文字----P{
line-height:1.5em;
margin:3px 2px 1em 2px;
}

这是被我隐藏的内容----P.DATE,#COMMENTS H4,#COMMENTS H4 SPAN,#NAVSTATS,.CAL,#NAV,#TOP H1,H1 A:VISITED,
H1 A:ACTIVE,
H1 A:LINK,
H1 A:HOVER,#FOOTER,#HEADER,A.CALNEXTPREV,A.CALNEXTPREV:LINK,A.CALNEXTPREV:VISITED,A.CALNEXTPREV:ACTIVE,.CALNEXTPREV,H5,P.DATE A,P.DATE IMG,#TOP,#CALENDAR
{
display:none;
}

定义空格----PRE
{
font-size:11px;
margin-left:22px;
}

定义输入文字区域----TEXTAREA
{
height:200px;
margin-bottom:2px;
margin-top:2px;
padding-bottom:2px;
padding-right:1px;
padding-top:2px;
width:600px;
}

定义文章发表区----.POST
{
background:#FFFFFF;
border:0px;
margin:0px 0px 0px 0px;
overflow:hidden;
padding:0px 0px 0px 0px;
}

定义文章副标题----.POST H5
{
font-size:11px;
margin:1px 1em 1px 1px;
}

定义文章中的图片----.POST IMG
{
border:0px;
margin:5px 10px 5px 10px;
padding:2px 2px 2px 2px 2px;
}

定义文章主体内容----.POSTBODY
{
border:0px;
color:#000000;
font-size:11px;
margin:5px 1px 5px 1px;
padding:1.5em 1em 1.5em 1em;
}

定义文章下面的时间啦之类----.POSTFOOT
{
border-bottom:1px dotted #000000;
color:#000000;
font-size:11px;
margin-bottom:0px;
margin-top:2px;
padding:1px 1px 1px 5px;
}

定义文章标题----.POSTHEAD
{
color:#CC9999;
font-size:11px;
padding:10px 3px 7px 3px;
}

定义打开文章标题----.POSTHEAD H2
{
color:#CC9999;
font-size:12px;
letter-spacing:0pt;
padding:1em 0em 0.5em 1em;
text-transform:uppercase;
}

定义打开文章输入框----.TEXTBOX,TEXTAREA
{
border:0px;
margin:1px 1px 1px 1px;
padding:1px 1px 1px 1px;
width:600px;
}

定义页面文章部分----#CONTAINER
{
background:#333333;
margin:0em 0px 0px;
padding:0em 0em 0px;
text-align:left;
width:898x;
}

不知道这个东西怎么解释----#CONTENT{
margin-bottom:1px;
margin-right:200px;
margin-top:1px;
padding:1px 1em;
}

公告部分----#NEWS{
border:0px;
color:#666666;
font-size:11px;
margin:2px 0px 2px 0px;
padding:1px 0px 0px 2px;
width:193px;
}

右边的链接----#RELATEDLINKS UL{
list-style:none;
margin-left:4px;
}

定义右边文字----#SIDEBAR-A{
border:0px;
color:#666666;
float:right;
line-height:1.5em;
font-size:11px;
margin:3px 0px 3px 3px;
padding-top:3px;
text-decoration:none;
width:193px;
}

定义右面各部分文字(我合到一起了)----#SIDEBAR-A A:LINK,#SIDEBAR-A A:HOVER,#SIDEBAR-A A:ACTIVE,#SIDEBAR-A A:VISITED{
color:#CC9999;
text-decoration:none;
}

右面标题----#SIDEBAR-A H3{
border:0px;
color:#666666;
font:12px;
font-weight:bold;
margin-bottom:5px;
margin-left:5px;
margin-top:10pt;
text-align:left;
}

也是右面的非文字链接----#SIDEBAR-A LI{
margin:5px 0px 3px 0px;
}

也是右面的文字链接#SIDEBAR-A UL{
list-style:none;
margin:5px 0px 3px 0px;
width:100%;
}


以上部分{}之间的内容请自己google吧.或者看css 2.0手册http://www.51windows.net/pages/css2/?url=/pages/css2/css2/default.html 非常容易理解的.

简单写这些..来不及了..我得回学校啦..有错的地方..等我回来再更新啦...




         Dream Away。

posted on 2006-10-07 14:48 暖暖 阅读(148) 评论(2)  编辑  收藏 所属分类: Technology

评论:
# re: blog css 简单介绍. 2006-10-09 22:25 | cheney.shishunan
终于写了啊,我的好好研究哈。。。
谢谢了哦  回复  更多评论
  
# re: blog css 简单介绍. 2006-10-09 22:30 | Enbyの格格
等有时间了好好写...这个写的太笼统了..  回复  更多评论