当我看到网站入门代码和示例时,CSS总是在一个单独的文件中,名称类似于"main.css","default.css"或"Site.css".但是,当我编写一个页面时,我经常试图将CSS与DOM元素内联,例如在图像上设置"float:right".我觉得这是"糟糕的编码",因为在例子中很少这样做.
我知道如果样式将应用于多个对象,那么遵循"不要重复自己"(DRY)并将其分配给每个元素引用的CSS类是明智的.但是,如果我不在另一个元素上重复CSS,为什么不在编写HTML时内联CSS呢？
问题:使用内嵌CSS被认为是坏的,即使它只会用在那个元素上？如果是这样,为什么？
示例(这很糟糕吗？):
<img src="myimage.gif" style="float:right" />
设置CSS属性的首选方法是什么？
内联样式属性:
<div style="width:20px;height:20px;background-color:#ffcc00;"></div>
<style>...</style>标签中的样式属性:
<style>.gold{width:20px;height:20px;background-color:#ffcc00;}</style><div class="gold"></div>
在我的脑海里,我总是知道在任何项目中使用内联样式的类.但是,是否有任何文章/帖子/博客定义每个的利弊？我正在讨论这个问题,我似乎无法找到很久以前我读过的关于此的博文.
我有一个带href的A(html标签).我把它转换成了一个带css的按钮.现在,当我将鼠标光标移到它上面时,文本会加下划线.我不希望这种情况发生.问题是......我可以禁用下划线吗？
HTML
<td><a href="url" target="_blank" class="btnBuy">Buy it</a></td>