CSS大全

1. 显示边框

style="border-top:1px solid #EFEFEF"
style不用解释了吧
border-top 显示边框的方位 top bottom left right

solid 边框的形式
none : 　无边框。与任何指定的border-width值无关
hidden : 　隐藏边框。IE不支持
dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 　实线边框
double : 　双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 　根据border-color的值画3D凹槽
ridge : 　根据border-color的值画菱形边框
inset : 　根据border-color的值画3D凹边
outset : 　根据border-color的值画3D凸边
#EFEFEF 很明显是边框颜色啦
也可以这样
border : border-width || border-style || border-color
四面就全有了

2. 滚动条样式

   scrollbar-shadow-color         滚动条右边框的颜色

   scrollbar-darkshadow-color     滚动条右边框的颜色

   scrollbar-3dlight-color         滚动条左边框的颜色

   scrollbar-base-color           滚动条前后的颜色

   scrollbar-face-color           滚动条上方的颜色

   scrollbar-track-color           滚动条下方的颜色

   scrollbar-arrow-color          滚动条箭头的颜色

   

3. 滚动字幕

活动字幕，也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感，显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现活动字幕效果；用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看板。而用HTML的<marquee>活动字幕标记所需的代码最少，确实能够以较少的下载时间换来较好的效果。该标记语法格式如下：
<marquee
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height＝ n
hspace＝ n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop＝ n>
　　可以看出由于活动字幕的显示方式多种多样，可选的参数也很多。下面解释一下各参数的含义：
align：是设定活动字幕的位置，不过除了居左、居中、居右三种位置外，又增加靠上（align=top）和靠下（align=bottom）两种位置。
Bgcolor：用于设定活动字幕的背景颜色，一般是十六进制数。
Direction：用于设定活动字幕的滚动方向是向左、向右、向上、向下。
Behavior：用于设定滚动的方式，主要由三种方式：behavior="scroll"表示由一端滚动到另一端；behavior="slide":表示由一端快速滑动到另一端，且不再重复； behavior="alternate"表示在两端之间来回滚动。
Height：用于设定滚动字幕的高度。
Width：则设定滚动字幕的宽度。
Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。
Scrollamount：用于设定活动字幕的滚动距离。
scrolldelay：用于设定滚动两次之间的延迟时间。
Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。
　　<marquee>标记的默认情况是向左滚动无限次，字幕高度是文本高度，滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。

应用技巧
　　1、全取默认值，所用代码最少，请看下面的例子
　　这个滚动字幕全取默认值，源代码：<marquee>这里写字幕内容</marquee>，代码是不是很少？
　　2、垂直滚动
　　只要加上diriction="up"就行了，如<marquee direction="up" >这里写字幕内容</marquee>。
　　3、多行文本的活动字幕
　　由于<mqrquee>标记只能作用于一段文本，因此多行活动字幕，分行时只能用<br>标记，不能用<p>标记。
　　示例源代码：
<marquee>
活动字幕内容第一行 <br>
活动字幕内容第二行 <br>
活动字幕内容第三行 <br>
</marquee>
　　4、在字幕内容中加入图象
　　<marquee>虽是一个活动字幕标记，但它允许在其中加入图象。下面是一个加入了图片的代码： <marquee><img src="image/a2ball.gif" width="17" height="16">这是加入图象的活动字幕 </marquee>
　　5、在Dreamweaver中使用<marquee>标记
　　Dreamweaver不能在编辑窗中直接加入marquee标记，但可在源代码检视器中加入<marquee>标记，然后在编辑窗中编辑活动字幕的内容即可。
　　<marquee>标记的参数较多，在应用中要把握一个原则，能用默认值就不要再设置参数值，用什么参数就设置该参数的值，其它参数就不要再设置，以把代码控制在最少的范围内。

 

4. 大型系统 , 再大的系统 ,css 样式表中的属性是有限的

body { background-color: #ffffff; color:#000000; text-transform:capitalize }
body, p, td, input { font-size: 9pt; color: #000000 }
a:link { padding:0; color: #003399; text-decoration: none }
a:active { text-decoration: none; font-size: 9pt; color: #0000FF }
a:visited {; text-d color: #003399ecoration: none font-size 9pt }
a:hover { text-decoration: underline; font-size: 9pt; color: #0000FF }
a:link.toolbar { padding:0; color: #ffffff; text-decoration: none }
a:active.toolbar { text-decoration: none; font-size: 9pt; color: #ff0000 }
a:visited.toolbar { color: #ffffff; text-decoration: none font-size 9pt }

a:hover.toolbar { text-decoration: underline; font-size: 9pt; color: #ff0000 }
.inputnormal { border:1px solid #799AE1; text-align:center; background-color:#D6DFF7}
.inputnormalleft { border:1px solid #4D79D7; text-align:left; background-color:#D6DFF7; color:#0000FF}

inputedit { border:1px solid #4D79D7; background-color:#FFFFFF; color:#0000FF }
.radio { border: 1px solid #FFFFFF; background-color: #FFFDE8 }
.areanormal { border-style: solid; border-width: 0; background-color:#ffffff}
BODY {scrollbar-face-color:#6699cc;
scrollbar-highlight-color:#0099ff;
scrollbar-3dlight-color:#99ccff;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#006699;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#FFFFFF; color:#000000}
.s01 {border:1px groove #000000; FONT-SIZE: 12px; HEIGHT: 14pt; color:#003399}
.s02 { border:1px solid #799AE1; FONT-SIZE: 12px; HEIGHT: 16pt; BACKGROUND-COLOR: #FFFFFF; padding-top:1; color:#000000; padding-left:4; padding-right:4; padding-bottom:1}
.outborder { border-left: 1px solid #333333; border-right: 1px solid #000000;
border-top: 1px solid #99CCFF; border-bottom: 1px solid #000000;
background-color: #336699; color:#FFFFFF }
.sec_menu { border-left:1px solid white; border-right:1px solid white; border-bottom:1px solid white; overflow:hidden; background:#D6DFF7; }
.menu_title { }
.menu_title span { position:relative; top:2px; left:8px; color:#215DC6; font-weight:bold; }
.menu_title2 { }
.menu_title2 span { position:relative; top:2px; left:8px; color:#428EFF; font-weight:bold; }
.trh
{
. background-image: url('images/admin_bg_1.gif');
background-color: #4455aa;
color: #FFFFFF;
font-size: 12px;
font-weight:bold
}
.trh1
{
background-color: #FFFDE8;
color: #2E60C9;
font-size: 12px;
}

.banquan { color: #FF0000; font-weight: bold }
.bg_1 { background-color: #FFFFFF }
.bg_2 { background-color: #F7F7F7 }
.bg_3 { background-color: #EDEDED }