将“div”标签改为更具语义的html标签,使网页更用户友好,但不确定如何更改CSS,使这些新的语义标签内联在网页上,以及更改代码的其他样式方面。我如何确保我的html中的正确元素链接到正确的CSS代码。对不起,如果我没有正确使用术语新的编码。我尝试将类名更改为相应的更具语义的标记,以便可以更改网页样式
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
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样式或文件以进行匹配。希望这能有所帮助,如果你仍然有疑问,粘贴一些你的代码给予它一个检查。
2条答案
按热度按时间zf9nrax11#
在HTML中,我们可以将css链接到html文件的头中,如下所示:
其中styles.css是样式表文件。
例如在html标签上
您可以添加类,将这些标签/容器链接到样式表中的特定样式。例如,在HTML中:
类“myclass”是样式表中指向此内容的链接器:
句号表示您将其链接到html中的一个类,您也可以使用id=“myid”并使用#代替句号来完成此操作,但是我更喜欢将ID纯粹用于脚本编写,而将类用于样式设置
在w3阅读更多信息并了解更多信息:https://www.w3schools.com/html/html_css.asp
rn0zuynd2#
Html元素和类属性是两个不同的东西。两者都可以使用CSS作为目标。
例如:
有三个html元素(html,body和div),div有一个class属性“类的名称”。
您可以使用css将元素和类作为目标:
要将元素作为目标,只需写出标记的名称,不要用括号,要将元素作为类的目标,则在类名前加一个句点。
如果更改HTML中的元素或类名称,请确保更新CSS样式或文件以进行匹配。
希望这能有所帮助,如果你仍然有疑问,粘贴一些你的代码给予它一个检查。