打印本文 打印本文 关闭窗口 关闭窗口
CSS的宣告
作者:武汉SEO闵涛  文章来源:敏韬网  点击数744  更新时间:2009/4/23 13:47:32  文章录入:mintao  责任编辑:mintao

弟之前玩了一点DHTML 
感觉还不错,分享点心得的给大家... 
.................................. 
CSS 2.0 的宣告.. 

大致有3种方式: 
第1种是类别,方式如下: 
 
 
 
 
显示结果会为置中、红色、新细明体的文字

 
 
 

以上差别在于style1可以给任何卷标使用,而style2只可给

..

卷标使用 

第2种是ID,方式如下: 
 
 
 
 
显示结果会为告左、绿色、新细明体的文字

 
 
 

第3种是前后文,方式如下: 

 
 
 
 
position:absolute; 
top:315; 
left:440; 
z-index=2; 
width:280; 
height:60; 
filter:alpha(opacity:100,style=0) glow(color=black,strength=2); 

.style8 { color:white; 
background:#003399; 
font-size=18pt; 
font-style:italic; 
font-family:标楷体; 
position:absolute; 
top:350; 
left:80; 
width:590; 
height:30; 
z-index=0; 
filter:alpha(opacity=100,style=2); 

以第一个类别style5来说明 
从定义的分是不难看出他的意思, 
比较特别的事最后一个定义.. 
CSS提供滤镜的功能,此glow功能会让显示的对象有晕开的阴影 
strength是晕开的强度 color是晕开的颜色... 
当我再网页中要使用时,方法如下: 

<html> 
<head> 
<meta content="text/html; charset=big5" http-equiv=Content-Type> 
<meta http-equiv="page-exit" content="revealtrans(duration=0,transition=23)"> 
<link rel=stylesheet type="text/css" href="style.css"> /*引用方式 
<title></title> 
</head> 
<body bgcolor="white" link="white" alink="white" vlink="white"> 
<div id="div1" class="style5" ><b>DHTML@ CSS</b></div> 
<div class="style6"></div> 
<div class="style8">    南开工商专校86级电子五乙连络簿    </div> 
<div class="style7"><span style="font-size=22pt">  Asp </span>Web Database </div> 
</body> 
</html> 

你只需在<div>卷标中加入 class="style5" 
如此在<div class="style5"></div>之间的文字便会依照你定义的来显示了.. 
各位可以将以上的程序剪贴下来试试看.. 

打印本文 打印本文 关闭窗口 关闭窗口