從現在開始，我將向您介紹一系列的CSS作品，這些大都是CSS與JavaScript結合起來產生的特效。您可以通過對這些特效的欣賞，進一步領略到CSS的強大功能。
1、動態改變樣式
我們先來看一個較簡單的特效，這裡只是用到了屬性和鼠標事件。
請把鼠標移到藍色背景的文字下面。
我們使用“class”類屬性來改變文檔的樣式。 放大這段文本。
這個例子的代碼是這樣的：
<html>
<head>
<title>change style</title>
<style>
<!--
.bigchange{color:blue;font-weight:bolder;font-size:225%;
letter-spacing:4px;background:yellow;}
//*定義bigchange類的字體的顏色、粗細、大小，字間距，背景色*//
.start{color:yellow;background:navy;}
//*定義start類的字體的顏色和背景色*//
-->
</style>
</head>
<body>
<h1>動態改變樣式</h1>
<p>請把鼠標移到藍色背景的文字下面。</p>
<p>我們使用"class"類屬性來改變文檔的樣式。
<span onmouseover="this.className='bigchange'"
onmouseout="this.classname='start'" class="start"
style="cursor:hand">
放大這段文本。 </span> </p> </body>
//*定義鼠標觸發事件，當鼠標放上去的時候，區域內以bigchange類的格式顯示，
當鼠標離開的時候，以start類顯示*//
</html>
這個例子很簡單，容易理解，就不多說什麼了。