开发人员可以在其网站上添加的全球CSS独立栏

时间:2011-03-22 18:24:36

标签: css include navigation code-reuse

我正在开发一个“条形图”,就像您在许多默认Blogger博客的顶部看到的那样,它们可以作为其他不同外观网站的统一元素。我想将代码打包成一个整洁的包,这样我就可以给其他开发人员一些简单的代码行,他们可以将这些代码粘贴到<body>的开头。

我知道有很多方法可以做到这一点,例如使用PHP包含,AJAX调用,JavaScript和XmlHttpRequest,Google闭包模板等。但我想确保该栏与CSS无关,这意味着其他CSS用于该网站不会影响我的酒吧。

我想知道实现这个目标的最佳方法是什么?内联CSS是解决这个问题的唯一方法吗?

1 个答案:

答案 0 :(得分:1)

就像JavaScript插件开发一样,不能保证以后不会覆盖CSS类和ID。

如果代码需要是内嵌的,我建议命名所有类和ID的名称:pluginname-wrapperpluginname-containerpluginname-block等。

否则,您可以使用iframe元素来存储微缩页面。

我建议坚持使用命名空间。如果某人包含您的插件并且稍微关闭,他们将能够手动覆盖样式以使其看起来像他们想要的那样。

div {float:left;}或任何类似傻事的人都会遇到问题,所以不要担心每个人都一样,只需使用默认样式即可。