css脚本详解

原创 2007年09月27日 09:41:00
  
<style type="text/Css">
BODY
{
margin: 0px;
color: #333333;
background-color: #84BFE9;
background-color: #006699;<!--
网页背景,网页两边细竖色块-->
"FONT-SIZE: 12pt; COLOR: #000003;">宋体
;<!-- 字体-->
font-size: 9pt;<!--
字体大小-->
text-decoration: none;<!--
字体无下划线,若改成有下划线,改noneunderline(下划线)、overline(上划线)、line-through(删除线,即横线通过字中部效果)-->
scrollbar-face-color: #377ED0; <!--
滚动条主体色,长块和小块的深蓝色-->
scrollbar-shadow-color: #E5EEFD; <!--
阴影:内右下色-->
scrollbar-highlight-color: #E5EEFD; <!--
强光:内左上色-->
scrollbar-3dlight-color: #377ED0; <!-- 3D
光:外左上色-->
scrollbar-darkshadow-color: #377ED0;<!--
阴影:外右下色-->
scrollbar-track-color: #E5EEFD;<!--
轨道的淡蓝色-->
scrollbar-arrow-color: #E5EEFD;<!--
箭头的淡蓝色-->
<!--
如有兴趣的朋友还可设一条:scrollbar-base-color: #E5EEFD;(基础色)-->
<!--
以上为右边网页滑动条效果,包含友情连接、留言栏目的滑动条-->
}
A {text-decoration: none;}<!--
连接无下划线,若改成有下划线,改noneunderline(下划线)、overline(上划线)、line-through(删除线,即横线通过字中部效果)-->
A:link {color: #003399;}<!--
未访问过的连接色-->
A:visited {color: #003399;}<!--
已经访问过的连接色-->
A:hover {color: #ff9900;}<!-- MOUSE
指向的连接色-->
A:active {color: #ff9900;}<!--
已经激活的连接色-->
a.Channel:link {color: #ffffff;}
a.Channel:visited {color: #ffffff;}
a.Channel:hover {color: #ff9900;}
a.Channel:active {color: #ff9900;}
<!--
以上为频道连接字体色,主参照前文-->
TD
{
color: #333333;
"FONT-SIZE: 12pt; COLOR: #000003;">宋体
;
font-size: 9pt;
line-height: 150%;
}<!--
以上为所有单元格设置,可不用修改-->
INPUT
{
"FONT-SIZE: 12pt; COLOR: #000003;">宋体
;<!-- 输入区字体设置-->
font-size: 9pt;<!--
输入区字体大小设置-->
color: #0560A6;<!--
输入区字体色设置(深蓝色)-->
border: #7F9DB9 1px solid;<!--
输入区边框色设置(蓝灰色)-->
height: 20px;<!--
输入区高度设置-->
}<!--
以上为表单输入区设置-->
BUTTON
{
"FONT-SIZE: 12pt; COLOR: #000003;">宋体
;
font-size: 9pt;
color: #0560A6;<!--
字体色-->
background-color: #fafafa;<!--
按钮背景色-->
border: #7F9DB9 1px solid;<!--
边框色-->
height: 20px;<!--
高度-->
}<!--
以上为按钮设置-->
SELECT
{
"FONT-SIZE: 12pt; COLOR: #000003;">宋体
;
font-size: 9pt;
color: #0560A6;
border: #7F9DB9 1px solid;
height: 20px;
}<!--
以上为下拉菜单设置-->
TEXTAREA
{
"FONT-SIZE: 12pt; COLOR: #000003;">宋体
;
font-size: 9pt;
color: #0560A6;
border: #7F9DB9 1px solid;
}<!--
以上文本输入区属性设置-->
.border
{
background-color: #CEDEFA;<!--
以上为左边浅蓝色-->
border-right: #bbbbbb 1px solid;<!--
为左边右方竖下来线条色设置-->
}<!--
以上为左边属性设置-->
.border2
{
background-color: #E4EEFD;
border: #ff9900 1px solid;
padding: 0px 6px;<!--
间隙(四个全出现顺序为顶部间隙、右侧间隙、底部间隙、左侧间隙;出现一个,则四个间隙都是这样设置;出现两个以上,按顺序设置)-->
}<!--
栏目子页相关设置,如搜索单元格,文章列表格等-->
.title_txt
{

}
.title
{

}
.tdbg
{

}
.pic1
{
border: #ff9900 1px solid;<!--
热门图片黄色边框,若不显示,改10-->
padding: 6px;<!--
间隙-->
}
.txt_css
{
background-color: #409EDE;
background-image: url(SKIN/51dsn03/top_pathbg1.jpg);<!--
您现在所在的位置背景图片-->
background-repeat: repeat-y;
padding: 2px 8px;<!--
间隙-->
border-bottom: #bbbbbb 2px solid;<!--
您现在所在的位置下边灰色线-->
}
.title_lefttxt
{

}
.title_left
{
background-color: #FDDB94;
background-image: url(Skin/51dsn03/title_bg1.gif);<!--
左边黄色背景图片-->
background-repeat: repeat-x;
border: #7DABE1 1px solid;<!--
左边黄色背景图片的边框色-->
padding: 0px 6px;<!--
间隙-->
color: #333333;<!--
以上为左边图片上的字体色-->
font-weight: bold;<!--
字体加粗-->
}
.tdbg_left
{
padding: 6px;<!--
间隙-->
}
.title_left2
{

}
.tdbg_left2
{

}
.tdbg_leftall
{
border-bottom: #ffffff 1px solid;<!--
左边那条难看的白线,应改10就没有了-->
padding: 6px;<!--
间隙-->
}
.title_maintxt
{

}
.title_main
{
color: #ffffff;
font-weight: bold;
text-align: right;<!--
文本居右-->
background-image: url(Skin/51dsn03/title_m1.jpg);<!--
浅蓝色图片-->
background-repeat: no-repeat;
background-position: right;<!--
背景图片居右-->
border-bottom: #bbbbbb 1px solid;<!--
首页最新文章栏单元格下边灰线-->
padding: 2px 6px;<!--
间隙-->
}<!--
浅蓝色图片,如首页最新文章栏单元格-->
.tdbg_main
{
background-color: #fafafa;<!--
背景色-->
border-bottom: #bbbbbb 1px solid;<!--
底部灰色线,改10,则无底线-->
padding: 6px;<!--
间隙-->
}<!--
以上为最新文章列表、最新论坛论新贴、最新留言、图片更新、文章频道的最新推荐最新热门等列表设置-->
.title_main2
{
color: #ffffff;
font-weight: bold;
text-align: right;
background-image: url(Skin/51dsn03/title_m2.jpg);
background-repeat: no-repeat;
background-position: right;
border-bottom: #bbbbbb 1px solid;
padding: 2px 6px;
}<!--
橙黄色图片设置,如首页论坛新贴、下载更新(其它设置见.title_main-->
.tdbg_main2
{
color: #ffffff;
font-weight: bold;
text-align: right;
background-image: url(Skin/51dsn03/title_m3.jpg);
background-repeat: no-repeat;
background-position: right;
border-bottom: #bbbbbb 1px solid;
padding: 2px 6px;<!--
间隙-->
}<!--
绿色图片设置,如首页图片更新、最新留言(其它设置见.title_main-->
.tdbg_mainall
{
padding: 6px;<!--
间隙-->
}
.title_righttxt
{

}
.title_right
{
background-image: url(Skin/51dsn03/title_r1.gif);<!--
图片位置-->
background-repeat: no-repeat;
border-right: #cccccc 1px solid;<!--
单元格右边线-->
padding: 0px 6px;<!--
间隙-->
height: 23px;<!--
单元格高度-->
}<!--
各页栏目标题栏设置,就是那个左上圆角图片单元格设置-->
.tdbg_right
{
border-left: #cccccc 1px solid;<!--
单元格左边线-->
border-right: #cccccc 1px solid;<!--
单元格右边线-->
border-bottom: #cccccc 1px solid;<!--
单元格底边线-->
padding: 6px;<!--
间隙-->
}
.title_right2
{
background-color: #C3DAF9;
background-image: url(Skin/51dsn03/title_bg2.gif);
background-repeat: repeat-x;
border: #cccccc 1px solid;
padding: 0px 6px;<!--
间隙-->
height: 23px;
}
.tdbg_right2
{
background-color: #fafafa;
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
padding: 6px;<!--
间隙-->
}
.tdbg_rightall
{

}
.topborder
{

}
.nav_top
{
background-color: #377ED0;
background-image: url(Skin/51dsn03/top_channelbg1.jpg);<!--
顶部频道背景图片位置-->
background-repeat: repeat-y;
padding: 2px 8px;<!--
间隙-->
color: #ffffff;
text-align: right;
}<!--
顶部频道-->
.nav_main
{
background-color: #2C92DC;
background-image: url(Skin/51dsn03/top_main01.jpg);<!--
顶部BANNER位置-->
background-repeat: no-repeat;
height: 60px;<!--
高度-->
}<!--
顶部BANNER-->
.nav_bottom
{
background-color: #5197DD;
background-image: url(Skin/51dsn03/bottom_navbg1.jpg);<!--
底部背景图片位置-->
background-repeat: repeat-y;
border-top: #bbbbbb 1px solid;<!--
底部上方的那条灰线-->
padding: 2px 8px;<!--
间隙-->
}<!--
底部设置-->
.nav_ann
{
border-top: #377ED0 2px solid;<!--
公告栏上边深蓝色线条-->
background-color: #BFD6F9;<!--
背景色-->
padding: 2px 8px;<!--
间隙-->
}<!--
公告栏设置-->
.nav_menu
{
background-color: #2C92DA;
background-image: url(Skin/51dsn03/top_menubg1.jpg);
background-repeat: repeat-y;
padding: 2px 8px;<!--
间隙-->
text-align: right;
}<!--
以上为顶部菜单-->

html/css基础篇——link和@inport详解以及脚本执行顺序探讨

先说一说两者之间的异同   两者都可以引用外部CSS的方式,现在主流浏览器两者都支持(ps:@import是CSS2.1提出的),但是存在一定的区别: 1.link是XHTML标签,除了加载CSS...

position属性absolute与relative 详解 最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,

position属性absolute与relative 详解 最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章...

shell脚本进行js和css的压缩

  • 2017年08月24日 09:46
  • 730KB
  • 下载

html,js,css脚本压缩

  • 2015年03月19日 17:21
  • 93KB
  • 下载

客户端Javascript学习笔记-----脚本化CSS

层叠样式表(Cascahing Style Sheet,CSS)是一种指定HTML文档视觉表现的标准。 复合属性 某些经常在一起使用的样式属性可以组合起来使用一个特殊的复合属性。 例如:...

CSS格式化脚本Meyer

  • 2012年09月13日 10:17
  • 924B
  • 下载

css脚本代码

  • 2015年10月08日 10:14
  • 87B
  • 下载

犀牛——第16章 脚本化CSS

第16章 脚本化CSS 层叠样式表(Cascading Style Sheet,CSS)是一种指定HTML文档视觉表现的标准。 16.1 CSS概览 有两种方式将一组定义视觉表现的CSS属性和对应的H...

脚本 CSS 压缩 PackerConsole

  • 2011年11月30日 18:40
  • 893KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css脚本详解
举报原因:
原因补充:

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