Ric*_*dle 17
在某些情况下,您确实知道您要做的就是调整这个特定元素的样式,而不是其他任何东西.
在这些情况下,您可以愉快地使用内联样式属性. 但是,在未来的某个时刻,你会意识到事实上你需要将相同的风格应用于其他东西,你会发现自己错了.
去过也做过.8-)
我觉得这里有一个方面没有涉及:手工编辑的HTML片段和生成的HTML片段之间的区别.
对于人工编辑,将样式保存在文件中可能更好,更容易维护.
然而
一旦开始生成HTML元素,使用服务器端脚本或某种JavaScript,请确保内联基本功能所需的所有样式!
例如,您编写了某种生成工具提示的JavaScript库.现在,您将DIV注入您的页面,这将需要一些样式.例如,position: absolute最初,display:none.您可能想要将这些元素赋予类,.popup并要求此类在某些CSS文件中具有正确的定义.毕竟,应该在CSS文件中指定样式,对吧?
您将使您的JavaScript库非常烦人地重用,因为您不能再简单地复制和调用一个.js文件并完成它.相反,您必须复制.js文件,但还必须确保脚本所需的所有样式都在CSS文件中定义,并且您必须去寻找那些,并确保它们的名称不与类冲突你已经有了.
为了最大限度地方便使用,只需在创建元素时直接在元素上设置所需的样式.对于纯粹出于美学目的的样式,例如background-color,font-size等等,您仍然可以附加一个类,为脚本的使用者提供一种简单的方法来更改脚本元素的外观,但不需要它!