Question

我是css的新手。我的项目是Layout Manager。大多数时候我使用inline css。当我向项目负责人展示我的项目时，他说要减少内联css。

内联css对项目真的不好吗？请帮助清除我的愿景。

Answer 1

内联CSS很糟糕，期间。您正在使用哪个框架并不重要。除了膨胀文档（以及可能减慢加载时间）之外，它还使得确定设置heck值的位置变得更加困难 - 作为一般规则HTML是动态的并且CSS很少是。这意味着如果您想要更改样式值，您可能正在查看一个平坦的CSS文件，而不是潜在的大量代码库。

Answer 2

我是css的新手

不，你是wweb编程的新手。你不能说你没有触摸CSS就做了HTML等;）

我的项目是布局管理器

这没告诉我们任何事情。

内联css对项目真的不好吗？

不，它对您的项目没有任何影响。

这通常是一个维护问题（如果是自动生成的话）。它的主要问题是浪费带宽，因为内联CSS必须位于每个页面上，而不是仅在为站点中的所有页面加载一次的seaprate文件上。根据规模和流量，这可能是非常重要的。

Answer 3

为什么要避免内联css

a）Separation of concerns - 你的标记应该只包含标记代码，你所有的rhutehr hunky dory代码应该在js和css之类的单独文件中。一个主要目标是从CSS中移除设计元素HTML并将它们放在另一个位置供设计人员维护。这意味着设计人员不必也是内容开发人员来维护网站的外观。

b）缓存文件当你将js和css放在单独的文件中时，浏览器开始缓存这个，直到服务器上发生了某些变化，这意味着服务器和客户端之间传输的数据越少为您的观众节省黑白和页面加载速度更快..

c）轻松维护 Web设计中最被遗忘的元素之一是维护。事情发生了变化 - 从您的网站外观到其中的内容和链接。将CSS放在中心位置可以使维护更容易。

d）保持您的网站可访问性 使用CSS样式可以使您的网站更容易被残疾人和搜索引擎等机器人访问。

e）您的网站将保持更长时间 通过在CSS中使用最佳实践，您可以使用经过验证的标准，并在Web设计环境发生变化时保持灵活性。

Answer 4

在这种情况下，样式将在页面加载之前加载。

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="anyClass">Hello</div>
</body>
</html>

但是如果我们使用以下内容，浏览器将在解析内联style属性定义的每个特定样式时被中断，因此这将减慢加载时间：

<html>
<body>
    <div style="height: 70px;">Hello</div>
</body>
</html>

此外，将样式放在单独的样式表中将有助于您重用样式并更容易维护代码。

Answer 5

内联CSS不好或者好，取决于你将来在项目中取得的成就。

例如，采取以下两种一般情况：

如果您再次使用内联定义的css，那么使用内联是不好的，只需将其添加到css文件中，并在以后每次需要时重复使用它。

如果您使用的内联是一次性异常，那么这是一个很好的解决方案，并且通过将其置于单独的css文件中而使设计过于复杂没有意义。

Answer 6

将HTML，css和javascript分隔在单独的文件中是一种很好的做法，因为您不熟悉Web编程，所以您可以从一开始就轻松完成此练习。

内联CSS的缺点是：

带宽的重要用途。
无法在多个文档上使用样式。
无法在内联样式中实现伪元素和伪类。
无法使用内联css创建整洁干净的HTML。

在asp.net中使用内联css是不好的做法吗？

6 个答案: