CSS代码用于网页的样式设计。通过它可以改变文字的字体、颜色，调整元素的大小和位置等。比如设置段落的字体为宋体、颜色为蓝色，可编写 p{font-family:宋体;color:blue;}。要让一个按钮具有特定的样式，如背景色为绿色、圆角效果等，也能通过CSS精准实现。

JavaScript则常用于实现交互效果。当用户进行操作，如点击、滚动等行为时，JavaScript能捕捉并做出相应反应。除了刚才提到的点击按钮弹出提示框，还能实现图片切换效果。例如，通过JavaScript控制图片的显示与隐藏，实现幻灯片效果。

在添加代码时，要注意代码的规范性。每行代码都有其特定的格式要求，缩进整齐能让代码更易读和维护。不同的代码块之间要有清晰的分隔。比如在JavaScript中，函数与函数之间要留有适当的空白。

同时，对代码进行注释也是良好的编程习惯。注释能够解释代码的功能和逻辑，即使在一段时间后再次查看代码，自己或他人也能迅速理解。比如在实现图片切换功能的代码中，添加注释说明切换的触发条件和具体操作逻辑。

另外，如果是在已有的网页基础上添加代码，可以利用浏览器的开发者工具来辅助。能直接在工具中查看页面元素的样式和属性，还能实时修改代码并查看效果，方便快速调试和调整代码。总之，掌握网页设计中添加代码的技巧，能让网页设计更加出色，满足各种需求并展现独特魅力。