通常情况下，大家会在head标签中添加style标签，然后在其中编写CSS代码。但是，如果想要实时查看效果，就需要将代码放到HTML标签中，并使用style属性。比如：
<div> 这是一个DIV标签 </div>
这样，在浏览器中打开页面时，就可以立即看到div标签的背景色为红色，字体颜色为白色，字体大小为24px。
如果大家想要查看更多复杂的CSS效果，比如动画，可以使用CSS的兼容性测试网站。其中比较常用的有caniuse.com和browserstack.com。这些网站可以模拟各种浏览器和设备的环境，让大家预先查看不同环境下的效果。
除了上述方法，还可以使用浏览器自带的开发者工具来实时查看效果。比如，Chrome浏览器可以通过F12打开开发者工具，然后在Elements面板中选择要修改的HTML元素，右侧的Styles面板中就可以实时修改CSS属性，并查看效果。
总之，实时查看CSS在网页上的效果是非常重要的，可以让大家更好地调试代码，快速找到问题并解决。