CSS的运用2
作者：斐智 来源：未知 添加时间：2006-5-21 9:48:51小弟之前玩了一点DHTML，
感觉还不错，分享点心得的给大家...
..................................
CSS 2.0 的运用..
CSS是针对HTML卷标的不足，由W3C所制定的一套延伸规格..
它可以使用在HTML原有的卷标中.如：<body><tabel><h?><div><span>....
至于宣告CSS的方法很简单..
它套用在<head></head>之间，使用<style></style>来作宣告..
也可以将css建成外部档，让每个网页来引用或着汇入，
小弟将使用第2种方法来介绍：
以下是我所建立的css样式文件内容：(style.css)
.style5 { color:white;
font-size=42pt;
font-style:italic;
font-family:"bart normal";
position:absolute;
z-index=1;
top:265;
left:182;
width:450;
height:80;
filter:glow(color=#99ffcc,strength=10);
}
.style6 { background-color:teal;
position:absolute;
top:0;
left:0;
width:780;
height:430;
z-index=-2;
filter:alpha(opacity=50,style=1,startx=100,starty=300);
}
.style7 { font-size=11pt;
font-style:italic;
color:white;
font-family:"arial black";
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>之间的文字便会依照你定义的来显示了..
各位可以将以上的程序剪贴下来试试看..
站内搜索