Question

我刚刚开始学习html和css。＆＃xA;在阅读一本书中的教程时，我看到了如何更改样式＆＃xA;我编写了相同的代码，但对浏览器中的页面没有任何影响。＆＃xA;它与没有＆lt; style＆gt; 标签的情况相同。

＆＃xA;＆＃xA;

以下是代码：

＆＃ XA;＆＃XA;

 <代码>＆LT;标题＆GT; Starbuzz Coffee＆lt; / title＆gt; ＆＃xA;＆lt; style type =“text / css”＆gt;＆＃xA;身体{＆＃xA;＆＃xA; background-color：＃d2b48c; ＆＃XA; margin-left：20％; ＆＃XA;保证金权利：20％;＆＃xA;边框：1px点灰色; ＆＃XA;填充：10px 10px 10px 10px; ＆＃XA; font-family：sans-serif; ＆＃XA; }＆＃XA;＆LT; /风格＆GT;＆＃XA;

＆＃XA;

Answer 1

将<style type=”text/css”>更改为<style type="text/css">。

这里的关键问题是你的报价。我刚刚使用”进行了测试，这在我的本地项目中无效。

Answer 2

您的引号是问题，您需要使用"代替”

像这样：

<style type="text/css">

另外，让我们进入下一个级别。在HTML头中添加样式是可以的，但如果链接到单独的样式表，您将发现将来维护HTML和CSS代码要容易得多。为此，只需将以下内容添加到HTML头：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

在这种情况下，您的样式表称为＆＃39; mystyle.css＆＃39;并且与HTML页面位于同一文件夹中... 您现在可以将所有CSS优点添加到＆＃39; mystyle.css＆＃39;像这样的文件：

body {
  background-color: #d2b48c;  
  margin-left: 20%;  
  margin-right: 20%;
  border: 1px dotted gray;  
  padding: 10px 10px 10px 10px;    
  font-family: sans-serif;  
}

详细了解此on W3 Schools。

Answer 3

你可以尝试几件事来测试

按F12打开调试器窗口，找到正文标记以查看覆盖它的内容。
在body标签上尝试内联样式，看看是否有所作为
更改网页上的CSS顺序。

HTML文件中的<style>标记未显示在浏览器中

3 个答案: