我正在建立我的第一个实习网站。我的教师总是告诉我永远不要在我的html页面上嵌入任何样式。现在我实际上正在创建一个网站,我发现它很烦人,如果我想改变我的字体颜色为span标记 - 我必须是I.D.它并在css文件中引用它。是否有其他原因使用CSS组织目的?将单一风格嵌入这样的常规破坏者?感谢阅读本文,我很感激任何反馈。
答案 0 :(得分:8)
有几个原因。
当您想要在单个页面上更改单个元素的样式时,应该非常罕见,因此它不应该是如此困难。在任何其他时间,它将更有效(从HTTP缓存的角度来看)并且更容易维护(从样式和结构的角度分离)以外化样式信息。
由于很有可能您希望为不同的媒体(例如屏幕和打印)设置不同的样式,因此您也需要一个合适的样式表。
答案 1 :(得分:6)
如果您将样式嵌入到多个HTML页面中,并希望稍后更改它,则必须逐个文件地进行更改。这对我来说是个足够好的理由。
答案 2 :(得分:5)
这里的关键词是可维护性。有组织的代码是可维护的代码!将标识添加到标记并在全局css文件中引用它比在内联中更好更好,因为如果您想稍后更改该样式,您知道在哪里找到它,并且您只需要在一个地方。
答案 3 :(得分:1)
您希望将CSS卸载到其他文件中的原因是浏览器可以缓存它。否则,浏览器必须加载所有CSS以及每个页面上的所有标记。如果将其保存在单独的文件中,则浏览器只需加载一次CSS。
答案 4 :(得分:1)
这个的基本论点是HTML的目的是提供结构,而CSS的工作是提供样式,通过在HTML中嵌入CSS来破坏这个基本规则。另外,你在维护页面方面会遇到困难。
答案 5 :(得分:1)
理想情况下,设计应足够一致,以便您可以针对此类情况使用通用规则。如果您想强调某些内容,那么<em>
或<strong>
可能就是您的选择。在为<em>
或<strong>
设置样式后,您可以轻松地将相同的重点添加到网站的其他区域。
这不仅仅是关于性能或风格,还涉及一致性和易维护性。
在设计中找到类似的元素并以类似方式标记它们。就这么简单。
答案 6 :(得分:0)
即使它只是“1”,你仍然应该这样做,因为它可以帮助你养成习惯。
答案 7 :(得分:0)
嵌入式css存在以下问题: - 1.它有浏览器兼容性问题。例如,内置样式有问题。 2.如果你想再次使用相同的css样式,最好有一个类。