html - 为轻松定制 CSS 而设计 HTML 的指南

标签 html css saas

我正在做一个 Saas 元素,我们希望每个客户都能够为“他的”网站上传一个 css 页面。 (尽管实际上,所有客户的网站都由我们使用虚拟主机托管)。

在设计页面的 html 以便可以事后应用 css 时有哪些好的指导原则。

最佳答案

您可以查看 CSS Zen Garden 处的代码, 它专门设计为可设置样式。

通常,您应该只使用最自然的 HTML 元素来实现您想要的功能。列表应该是列表,导航链接等。

使用 div 标签以逻辑分区分隔内容 为了使元素易于定位,请在其上设置适当的类和 id。

要使链接真正具有样式,您只需在文本周围添加一个 span 标签即可:

<a href="#"><span>text</span></a>

通过使用“sliding doors”技术,通过将一个背景添加到 anchor 标记,将另一个背景添加到跨度标记,可以很容易地为它提供类似外观的动态按钮。如果链接没有样式,则 span 标签根本不会影响布局。

关于html - 为轻松定制 CSS 而设计 HTML 的指南,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1458719/

相关文章:

azure - Azure DevOps 是 PaaS 还是 IaaS?

REST API 心跳标准

html - 在 git 页面上托管时图像 url 路径混淆的解决方案

html - 当我将父元素的填充设置为零时,CSS 边距得到 'ignored'?

php - 无法使用 printf 显示图像

css - 在附加 CSS 属性之前加一个点的目的是什么?

javascript - SAAS 每席位认证

javascript - 悬停淡入淡出不适用于砌体 CSS

html - 如何并排显示图像和表格

java - 如何动态更改 HTML 输入名称