Question

我知道强烈建议不要使用内联样式，而且我们应该使用<style>中的<head>标记或外部CSS文件。

我不清楚的是<style>文件和实际.html文件中.css标记的使用情况。

我应该将所有样式代码从home.html移到home.css并通过<link>标记包含它吗？

使用<style>中的<head>代码完全可以接受？我的老板说我应该在.css个文件中包含所有代码。

注意：

我不是从最佳表现的角度来看;在编写HTML / CSS时更加干净的代码和最佳实践，并促进更好的调试/阅读。

Answer 1

以下是分开......

的例子

＆＃13;

/* .css file */

a {
    color: green;
    text-decoration: none;
}

＆＃13;

<!-- .html file -->

<a href="www.google.co.in">Google</a>

＆＃13;

Answer 2

我更喜欢你创建一个单独的css文件然后你在你的html文件中调用head标签中的url，如下所示： ... html文件

<html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <a href="www.google.co.in">Google</a>
    </body>
</html>

... CSS文件

a { color: green; text-decoration: none;}

拥有外部CSS非常有用，因为您可以在想要设置其他页面样式时调用该文件，而无需重新编写代码表格。

Answer 3

你应该明确地看看这个网站：http://nemo.sonarqube.org/coding_rules#languages=grvy|repositories=grvy（在任何情况下都不是强制性的）

可能要补充的是，如果您的项目变得更大，那么您应该这样做   你的整个css文件变成了多个。

特别是在拆分文件时，如果您决定将html和css分开，那么它将变得非常方便。其他的，你得到一个巨大的HTML文件，你失去了可读性。

如果你使用8000行的css文件工作，那么你会感谢你将你的css分开了

css - head标签与css文件导入的样式 - 建议使用哪种？

3 个答案: