按回车键显示修改效果

1.新建文件后开始写静态页面，首先我们先把左右侧的html页面搭建好，这时页面比较凌乱 不是我们需要的效果，我们就要用到style样式去设置某个标签的样式。

2.通配符设置内外边距都为0，然后设置第一个div设置宽高、边框、外边距离居中，在设置只有两边的样式。

3.然后再设置左侧每个div里面的label标签和input标签的样式等。还有右侧里面的box设置样式

4.现在静态页面搭建完成，现在设置输入值点击回车键设置样式效果。

5. 动态设置元素样式效果，在左侧填入元素样式属性值，按下回车键，设置右侧元素样式，链入链接，绑定键盘事件、if判断键盘码、获取属性值，这时没有任何效果，我们还要在script里面给box设置样式。

6.给box设置css样式宽高背景色等。我们现在在左侧设值点击回车键右边的样式就可以改变了。

是我所学到的引用步骤，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔