我的意思是，充满了
table，a，div，span，p之类的东西。您去那里，粘贴您的CSS并查看结果。#1 楼
哇，有人刚在SO上发布了它。这正是医生的命令： CSS和JavaScript，并在那里直接运行！另外，他们已经引用了Jquery和其他内容！ ;）
评论
我看过jsFiddle，但这不是我在这里寻找的东西。我正在寻找一个包含模拟站点的网站，该站点包含典型的html代码，可以用来查看CSS的外观。您可以在colorschemedesigner.com上单击“浅色页面示例”，它会显示一个Lipsum页面。
–荷马
2010-10-28 14:35
我懂了。大声笑，我猜这是我偶然发现您的问题时要寻找的内容，所以当我找到它时..我争先恐后地在历史记录中寻找您的问题并将其张贴在这里。希望它能帮助某人。
–基甸
2010-10-28 14:39
#2 楼
我只是偶然发现了http://colorschemedesigner.com/。选择颜色很棒，并向您展示示例页面，以查看应用于典型页面的配色方案。 >
更新：网站现在为http://paletton.com
评论
这似乎不是您问题的答案。
–杰里米
2012年12月20日13:07
#3 楼
我什么都不知道，但这很容易设置。只需使用您描述的所有元素创建一个基本的HTML文档。 （如果需要，您可以从Lipsum.com生成文本。）然后链接到文档头中的CSS文件，以查看附带的样式。下次要测试时，将其更改为指向另一个CSS文件。#4 楼
并非完全符合您的要求，但是我喜欢less.js的实时监视模式。通常，我只是手动模拟任何需要HTML或XHTML风格的元素/组合，但是您可以创建您自己的元素主文档。如果插入第二个监视器（或两个，三个等）以打开（或使用第二台计算机）所有浏览器，则您保存的所有更改将立即应用于所有这些浏览器。 /> LessCSS语法可以与普通CSS一起使用，但是使用起来更快，更容易拿取（之后可以将结果转换为普通CSS）。屏幕截图（包括向下滚动和拼接的自动化），可以通过将屏幕快照覆盖为图层并更改其顶部的透明度。
编辑：
如果要自动化屏幕截图过程（保存文件时），以便：
出现问题时，您已经可以处理所有问题
可以将图像添加到版本控制中（也可以在保存文件时自动实现）
您可以专注于CSS代替pe外围活动
，那么您可以将屏幕抓取器使用类似文件监视程序的东西（请原谅Python方向，还有很多其他解决方案）。后处理也可以自动化，如果您使用一致的窗口位置（程序/桌面环境可以帮助完成此任务），浏览器周围的“镶边”可以作为脚本的一部分切掉。
#5 楼
w3schools使您可以使用HTML和CSS规则。只需找到您要使用的CSS / HTML，然后查找显示为“亲自尝试”的位置即可。这是他们的border CSS页面，这是他们的游乐场。#6 楼
我在html / css中构建所有页面，然后使用firebug或chrome网站管理员工具添加/更改/使用样式进行实验。它快速，简单和临时，非常适合实验。另外，您可以在自己的服务器上使用自己的代码，这是另一个好处。Buzzkill：我的UI Developer部分提醒您，最好是使用真正的设计工具进行概念设计，然后根据浏览器的差异进行编码以模仿。 />
注意事项-我是Jquery的UI Themeroller的忠实粉丝。这样的工具确实可以让Themeroller在侧面更改样式。可以通过Themeroller的CSS对网站进行完全主题化，然后在不同主题之间进行切换。如果您从未尝试过，它确实可以加快部署速度，尤其是当您正在寻找现在非常流行的“光滑”外观时。
#7 楼
您去那里，粘贴到CSS中并查看结果。
您在这里： / style_sheet_viewer /
问题中到底有什么要求！
评论
很酷，但不完全是我的初衷。该站点生成html以匹配CSS。很好，因为它可以向您显示所有样式，但不会显示“模拟”网站中的外观。当您单击“浅色页面示例”链接时，您会在colorschemedesigner.com上看到类似的内容
–荷马
2012年12月20日在16:54
评论
刮除所需的任何页面，并使用Chrome开发者工具，FireBug或其他喜欢的开发工具编辑CSS。