为什么webstorm中的代码无法在DW中运行?

问题遇到的现象和发生背景

在网上学习前端,别人在webstorm中写的代码我在DW中写了可是无法预览,一片空白

问题相关代码,请勿粘贴截图

HTML中代码如代码片所示

运行结果及报错内容

运行结果一片空白

我的解答思路和尝试过的方法

没有思路

我想要达到的结果

应该显示几块有色元素

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浮动属性</title>
    <style type="text/css">
        #box{
            width600pxheight600pxbackground:deeppink;
        }
        #box>div:first-child{
            width600pxheight600pxbackground:green;
            float: right;
        }
        #box>div:nth-child(2){
            width200pxheight200pxbackground:aqua;
        }
        #box>div:nth-child(3){
            width200pxheight200pxbackground:red;
        }
    </style>
</head>

<body>
    <div id= "box">
    <div></div>
    <div></div>
    <div></div>
    </div>
</body>
</html>


将样式中的:;等标点符号换成英文的
另外可以右击审查元素看下哪里不生效