关于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;
}<!-- 精华文章标题 -->
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
注释写的很得体,值得学习。
