.style1{font-size:12px}
.style2{font-size:14px}
</style>
<p
onmouseover="this.className='style1'"
onmouseout=
"this.className='style2'">内容</p>
按照你上面写的基本上就是这样了
其实不需要使用ONMOUSER也能实现，当然那也是要有先决条件的
不多说了，有什么可以在问
网页的动态效果你说的这里的动态效果是让一个画面或者文字动一下吧？因为在专业里边动态是与数据库连接的后台的技术。
css是层叠样式表，是不能够实现动态效果的。但是可以让某个画面动，比如：
一个文字点击的时候，变大的css代码为：
a{font-size:12px} /*这里文字默认大小是12像素*/a:hover{font-size:14px} /*这里鼠标经过大小是14像素*/
上边这个简单的代码就实现鼠标经过a的时候，文字变大，离开又恢复。
希望能帮到你
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body {
background-color: #000
text-shadow: 2px 3px 10px #FF1717
font-size: 60px
font-weight:bold
transition: color 1s
color: #000
}
.color {
color: #fff
}
</style>
</head>
<body>
<div>我会一闪一闪的</div>
<script>
setInterval(function () {
if (!document.body.className) {
document.body.className = 'color'
} else {
document.body.className = ''
}
}, 500)
</script>
</body>
</html>
