使用内联CSS有什么不好?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (108)

当我看到网站起始代码和示例时,CSS始终位于单独的文件中,名称类似于“main.css”,“default.css”或“Site.css”。但是,当我编写一个页面时,我经常试图将CSS与DOM元素串联起来,比如通过在图像上设置“float:right”。我感觉这非常不好,因为它很少在例子中完成。

如果样式将应用于多个对象,那么遵循“不要重复”,并将其分配给每个元素引用的CSS类是明智的。但是,如果我不会在另一个元素上重复使用CSS,那么为什么不在我编写HTML时插入CSS呢?

问题是:使用内联CSS认为是不好的,即使它只用于该元素?如果是这样,为什么?

例子(这对不对?):

<img src="myimage.gif" style="float:right" />
提问于
用户回答回答于

如果正在使用内联的css的东西,想让网站看起来不同时,必须更改100行代码

<div style ="font-size:larger; text-align:center; font-weight:bold">

如果页面标题是在单个样式表中定义的,那么如果要更改整个站点中页面标题的显示方式,可以在一个位置更改css。在每个页面上表示一个页面标题,这将更容易维护

<div class="pageheader">  

但是,在例子中,我没有看到任何问题。将目标锁定为单个图片的行为,可能在单个页面上正确显示,将实际的css放入样式表中可能会多余。

用户回答回答于

拥有不同的css文件的好处是

  1. 易于维护html页面
  2. 更改外观将很容易,可以在网页上支持许多主题。
  3. CSS文件将被缓存在浏览器端,每次刷新页面或用户导航网站时,不会加载一些多余的流量数据,会对流量有帮助。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励