html - 如何复制网站的 CSS 设计

标签 html css dreamweaver photoshop

我有一个现有的父网站,我必须设计一个具有相似主题和 CSS 样式的新网站。

我无法访问我可以查看样式的父网站的代码。

有没有一种方法可以提取或复制网站的 css 样式并将其用于新网站。我只需要在新网站中也使用相同的主题。

我发现我可以使用一些 adobe 工具来实现同样的目的。

任何人都可以简要介绍一下如何做到这一点,或者在复制样式时是否有一个通用的程序可以遵循。

最佳答案

使用您自己的、最合适的标记和 CSS 规则复制给定的设计,并采用某种 QA 流程来帮助您发现外观和交互方面的明显不一致。

为什么我认为您不想从父站点复制 HTML 和 CSS:

父网站稍后可以以不可预知的方式更改其样式。您将不得不复制这些更改。由于您提到您无权访问代码库,因此您不能只是区分他们的更改并将它们应用到您的代码库。

因此,我认为最好忽略原始的 HTML 和 CSS,只关注您的眼睛并进行 QA 来仔细测试您的工作与原始文件的一致性。

(我不得不做一次类似的事情,我认为通常不需要遵循父网站像素完美 - 只要足够一致以促进最终用户轻松导航即可。

在需要像素完美一致性的情况下,从与原始代码库相同的代码库构建附加网站更有意义。你没有那种可能性,所以我怀疑你会要求完美。)

关于html - 如何复制网站的 CSS 设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24400450/

相关文章:

html - Youtube 嵌入视频 : autoplay feature not working in iphone

javascript - 在 onclick 方法 JSP 生成的文本中转义单引号

html - 主导航列表显示在彼此下方,试图实现水平导航

html - 在目录外引用

autocomplete - 寻找一个像 Dreamweaver 那样关闭 HTML 标签的编辑器

dreamweaver - Dream Weaver CS5如何保存代码崩溃状态?

javascript - 如何通过单击另一个元素来触发对输入文件元素的单击

html - 目标 "_blank"未打开新窗口

jquery - 截断时调整文本大小

html - 使用 REGEX 匹配两个 HTML 标签之间的所有代码