vancas作为css元素选择器显示不出来样式为什么，代码如下
<!DOCTYPE html>
*{margin:0;}<!----解决兼容性问题---->
#canvas{
background:red;
margin:100px auto;
display:block;
border:10px soild #c1ba84;
}
p
{
background-color:yellow;
}
不支持
<script>
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var width=15;
context.moveTo(0,0);
context.lineTo(450,450);
context.stroke();
for(var i=0;i<30;i++){
context.moveTo(i*width,0);
context.lineTo(i*width,450);
context.stroke();
context.moveTo(0,i*width);
context.lineTo(450,i*width);
context.stroke();
}
//定义社长为6
var snakeCount = 6;
var snake = [];
//初始化社的坐标
</script>
