可以实现自动变色的Hello World，不说多了先上图☺
上核心代码:
css代码:
<style type="text/css">
/* 选择器{
属性:属性值;
}*/
/*
css基础选择器:
1.标签选择器
2.类选择器
3.id选择器
选择器的优先级:id>class>标签
!important:提升页面的权重
简书 注册一个账号 写一篇博客
*/
/* h1{
color: greenyellow;
font-size: 250px;
text-align: center;
}*/
.h1{
color: green;
font-size: 250px;
text-align: center;
}
/*#h2{
color: red;
}*/
</style>
js的代码:
<script type="text/javascript">
window.onload=function()
{
var h2=document.getElementById('h2');
setInterval(function(){
var r=Math.floor(255*Math.random());
var g=Math.floor(255*Math.random());
var b=Math.floor(255*Math.random());
h2.style.color="rgb("+r+","+g+","+b+")";
h2.style.fontSize='250px';
h2.style.textAlign='center';
},1000);
};
</script>
body里面的核心代码:
<h1 class="h1" id="h2">hello world</h1>
