js布局，按照教程写的代码，为什么布局中的样式不现实呢？

以下这是HTML，用div插入多张图片，引入一个css，对div进行样式设定
我用的是ij集成开发工具，教程上在css文件中定义class类，点一个“.”工具
会弹出索引提示，但是我按下点都没有反应，求指点？？？谢谢！！！！

<!DOCTYPE html>



Title



*{
margin: 0px;
padding: 0px;
}

#container{
position: relative;
}

.box{
padding: 5px;
float: left;
}

.box_img {
padding: 5px;
border: 1px solid #e01f2b;
box-shadow:0 0 5px aqua;
border-radius: 5px;

}

.box_img img{
width:50px;
height:auto;
}

你用的教材不知道是哪个出版社的。很少有出版社对教程中的代码进行全面测试，并不能保证所有代码的正确性。
如果是集成开发工具的话，我建议你使用Dreamweaver，其他的不敢说兼容性很好。

写前端的话建议你可以试试WebStorm 爽的飞起