关于CSS的一些设定
<!-- body -->
body {
    font-size: 12px;
    font-family: Tahoma, Verdana, "宋体";
    background-color: #CCCCCC;
    background-position: top left;
    background-repeat: repeat-x;
}
<!-- table和td -->
table,td {
    font-family: Tahoma, Verdana, "宋体";
    color: #000000;
    font-size: 12px;
}
<!-- 链接和已被访问过的链接 -->
a:link,a:visited {
    text-decoration: none;
    color: #4073AB;
    font-family: Tahoma, Verdana, "宋体";
}
<!-- 鼠标移动到链接上的样式 -->
a:hover {
    text-decoration: underline;
    color:#990000;
    font-family: Tahoma, Verdana, "宋体";
}
<!-- 水平线 -->
hr {
    height: 1px;
    border: 1px solid #CCCCCC;
}
<!-- 输入框 -->
input {  
    border: 1px solid #C0C0C0;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-family: Tahoma, Verdana, "宋体";
    font-size: 11px;
    color: #000000;
    background-color: #FFFFFF;
}
<!-- 多行文本框 -->
textarea {
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    font-family: Tahoma, Verdana, "宋体";
    font-size: 12px;
    color: #000000;
}
<!-- 选择框 -->
select {
    font-family: Tahoma, Verdana, "宋体";
    font-size: 11px;  
    color: #000000;
    background-color: #FFFFFF;
}
<!-- 容纳标题和正文的表 -->
.maintable {
    width:768px;
    border-color: #999999;
    border-style: solid;
    border-bottom-width: 0px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-left-width: 1px;
    background-color: #F6F6F6;
}
<!-- 说明文字 -->
.comment-text {
    font-size: 11px;
    color: gray;
}
<!-- 高亮文字 -->
.highlight {
    text-decoration: underline;
    color: red;
}
<!-- 标题栏 -->
.page-header {
}
<!-- 标题栏的链接 -->
.page-header a:link {
    color: black;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}
<!-- 标题栏已访问过的链接 -->
.page-header a:visited {
    color: black;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}
<!-- 标题栏鼠标移到链接上 -->
.page-header a:hover {
    color: #006400;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
}
<!-- 标题栏副标题 -->
.page-subheader {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
<!-- 页脚 -->
.page-footer {
    border-top: 1px dashed #CCCCCC;
}
<!-- 标题栏与正文区域的分隔线 -->
.header-splitter {
    height: 15px;
    background-color: #e0e0e0;
}
<!-- 整个边栏 -->
.sidebar {
    vertical-align: top;
    height: 400px;
    width: 180px;
    white-space: nowrap;
}
<!-- 整个正文区域 -->
.mainbox {
    vertical-align: top;
}
<!-- 分页 -->
.multipage {
    color: #999999;
}
<!-- 当前页 -->
.multipage-current {
    color: #999999;
    font-weight: bold;
    text-decoration: underline;
}
<!-- 面板 -->
.panel {
}
<!-- 面板标题 -->
.panel-title {
    color: #666666;
    font-weight: bold;
    border-bottom: 1px dashed #CCCCCC;
}
<!-- 面板正文 -->
.panel-content {
}
<!-- 日历 -->
.calender-box {
    border-left: 0px solid #000;
    border-top: 0px solid #000;
}
<!-- 日历上的每一天 -->
.calendar-day {
    border-right: 0px solid #000;
    border-bottom: 0px solid #000;
    color: #666666;
    text-align: center;
    padding: 4px;
}
<!-- 日历上的星期 -->
.calendar-weekdays {
    border-right: 0px solid #000;
    border-bottom: 0px solid #000;
    color: #999999;
    font-weight:bold;  
    text-align: center;
    padding: 4px;
}
<!-- 日历上的今天 -->
.calendar-today {
    color: #666666;
    border: dashed 1px #CCCCCC;
    background-color: #F6F6F6;
    text-align: center;
    padding: 4px;
}
<!-- 日历上当前选择的天 -->
.calendar-thisday {
    color: #666666;
    border: solid 1px #CCCCCC;
    text-align: center;
    padding: 4px;
}
<!-- 文章区域 -->
.textbox {
    background-color: white;
    border: 1px dashed #CCCCCC;
}
<!-- 文章标题 -->
.textbox-title {
    font-size: 14px;
    border-bottom: 1px dashed #E0E0E0;
    padding-left: 10px;
}
<!-- 文章正文内容 -->
.textbox-content {
    padding-left: 8px;
}
<!-- 文章底部 -->
.textbox-bottom {
    font-size: 11px;
    Color: #999999;
}
<!-- 表单区域 -->
.formbox {
    border: solid 1px #CCCCCC;
    background: #FFFFFF;
}
<!-- 表单标题 -->
.formbox-title {
    text-align: center;
    background-color: #EFEFEF;
}
<!-- 表单正文内容 -->
.formbox-content {
}
<!-- 表单项标题 -->
.formbox-rowheader {
    text-align: right;
    font-weight: bold;
}
<!-- 表单中需强制换行的项 -->
.formbox-wordwrap {
    border: solid 1px #CCCCCC;
    background: #FFFFFF;
    word-wrap: break-word;
    word-break: break-all;
}
<!-- 评论区域 -->
.commentbox {
    background-color: white;
    border: 1px dashed #CCCCCC;
}
<!-- 评论标题 -->
.commentbox-title {
}
<!-- 成员列表 -->
.member-list {
    background-color: #F6F6F6;
}
<!-- 表格 -->
.gridbox {
    border-color:#CCCCCC;
    border-style: solid;
    border-bottom-width:1px;
    border-right-width:1px;
    border-top-width:0px;     border-left-width:0px;
    background-color: white;
}
<!-- 表格的格子 -->
.gridbox-td {
    border-color:#CCCCCC;
    border-style: solid;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:1px;
    border-left-width:1px;
}
<!-- 表格标题 -->
.gridbox-title {
    border-color:#CCCCCC;
    border-style: solid;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:1px;
    border-left-width:1px;
    text-align: center;
    background-color: #EFEFEF;
}
<!-- 表格中的分页 -->
.gridbox-page {
    border-color:#CCCCCC;
    border-style: solid;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:1px;
    border-left-width:1px;
    text-align: right;
    background-color: #EFEFEF;
}
<!-- 友情链接图 -->
.linklogo {
    border-color:#CCCCCC;
    border-width: 1px;
    border-style: solid;
    width: 150px;
}
<!-- 友情链接面板 -->
.panel-link{
    text-align: center;
}
<!-- 留言文字 -->
.message-text {
    font-size: 11px;
    color: gray;
}
<!-- 留言板 -->
.messagebox {
    background-color: white;
    border: 1px dashed #CCCCCC;
}
<!-- 留言标题 -->
.messagebox-title {
    border-bottom: 1px dashed #E0E0E0;
}
<!-- 留言内容 -->
.messagebox-content {
    height: 100px;
}
<!-- 文章发表方式显示 -->
.posttype-text {
    color: #990000;
}<!-- 搜索结果列表 -->
.searchresult {
    border-top: 1px dashed #CCCCCC;
}<!-- 搜索结果标题 -->
.searchresult-title {
    border-bottom: 1px dashed #CCCCCC;
}<!-- 精华文章列表 -->
.essentialbox {
    border-top: 1px dashed #CCCCCC;
}<!-- 精华文章标题 -->
zhang5160283   2006-04-02 17:34:01 评论:5   阅读:348   引用:0
@2006-04-17 20:06:31  zhang
 
   好有东西大家学习嘛》》
@2006-04-15 06:46:18  weiking
我应该把好的文章收集一下,以供更多人学习。大体看了一下,很容易让人接受,谢谢zhang5160283 。
谢谢支持 @2006-04-15 01:11:32  heigui
有这样的文章,学习CSS太好了!谢谢您的总结!
@2006-04-05 09:28:02  zhang
应该向他多多学习,呵呵
thanks @2006-04-02 17:48:43  coffee
注释写的很得体,值得学习。

发表评论>>

署名发表(评论可管理,不必输入下面的姓名)

姓名:

主题:

内容: 最少15个,最长1000个字符

验证码: (如不清楚,请刷新)

我的博客 我做主