CSS中的更改没有显示在网页上,如何正确链接类

zvms9eto  于 2022-12-15  发布在  其他
关注(0)|答案(2)|浏览(131)

将“div”标签改为更具语义的html标签,使网页更用户友好,但不确定如何更改CSS,使这些新的语义标签内联在网页上,以及更改代码的其他样式方面。我如何确保我的html中的正确元素链接到正确的CSS代码。对不起,如果我没有正确使用术语新的编码。
我尝试将类名更改为相应的更具语义的标记,以便可以更改网页样式

zf9nrax1

zf9nrax11#

在HTML中,我们可以将css链接到html文件的头中,如下所示:

<link rel="stylesheet" href="styles.css">

其中styles.css是样式表文件。
例如在html标签上

<div></div>

您可以添加类,将这些标签/容器链接到样式表中的特定样式。例如,在HTML中:

<div class="myclass"></div>

类“myclass”是样式表中指向此内容的链接器:

.myclass:
   color: red;

句号表示您将其链接到html中的一个类,您也可以使用id=“myid”并使用#代替句号来完成此操作,但是我更喜欢将ID纯粹用于脚本编写,而将类用于样式设置
在w3阅读更多信息并了解更多信息:https://www.w3schools.com/html/html_css.asp

rn0zuynd

rn0zuynd2#

Html元素和类属性是两个不同的东西。两者都可以使用CSS作为目标。
例如:

<html>
  <body>
    <div class=“name-of-class”></div
  </body
</html>

有三个html元素(html,body和div),div有一个class属性“类的名称”。
您可以使用css将元素和类作为目标:

body {
  background-color: black;
}

.name-of-class {
  width: 200px;
  height: 200px;
  background-color: yellow;
}

要将元素作为目标,只需写出标记的名称,不要用括号,要将元素作为类的目标,则在类名前加一个句点。
如果更改HTML中的元素或类名称,请确保更新CSS样式或文件以进行匹配。
希望这能有所帮助,如果你仍然有疑问,粘贴一些你的代码给予它一个检查。

相关问题