我正在学习HTML / CSS，但我实际上是在尝试掌握有关在开发网页时应如何看待事物的概念。我敢肯定我可以做到，但我想提出其他意见。无论如何，要点...
我正在尝试制作一个美观大方，垂直且响应迅速的导航栏。打开页面后，bam就在您的面前。我正在为HTML5使用语义标记。
<body>
<header>
<nav>
<ul>
<li><a href="">Get Better</a></li>
<li><a href="">Drugs</a></li>
<li><a href="">Storys</a></li>
</ul>
</nav>
我只是很快地输入了该代码，但这就是我的结构形式。因此，就语义而言，没有必要将class设为正确吗？
<nav>应该很好，因为我希望所有字母看起来都一样。唯一的不同是<li>内的每个链接在文本上将具有不同的颜色。
因此，您正在打开一个网页，然后看到它，这是一个通过大型导航栏帮助人们戒毒的网站。我也想像小短语和引号一样放一些东西。据我所知，一切都应该看起来像块和盒子，甚至是字母。
所以我应该如何在CSS中选择此文本？我想使<li>和margin放在侧面和周围时，如何使这些padding表现出来？
您应该将类和ID选择器添加到html中
类用于要一起设置样式的一组html元素，而ID用于要单独设置样式的HTML元素
请参见下面的示例
您也可以通过类型选择器
/*Class Selector*/
.ULList {
color: red;
font-weight: bold;
}
/*ID Selectors*/
#LI1 {
color: blue;
}
#LI2 {
color: yellow;
}
#LI3 {
color: gray;
}
/*Type Selectors*/
#LI1 a{
color: Green;
}
#LI2 a{
color: Orange;
}
#LI3 a{
color: White;
}<body>
<nav id = 'nav'>
<ul class='ULList'>
<li id='LI1'><a href="">Get Better</a> </li>
<li id='LI2'><a href="">Drugs </a> </li>
<li id='LI3'><a href="">Storys </a> </li>
<li>No ID</li>
</ul>
</nav>
</body>