创建HTML选项卡，每个选项卡都是浏览器宽度的一小部分

我不熟悉stackoverflow和HTML/CSS/Javascript。我有四个选项卡，我希望它们都能够是浏览器宽度的1/4。这主要用于移动应用，因此浏览器宽度的1/4应该是合适的

同样，我对HTML/CSS/Javascript还很陌生，但我有Java方面的经验。因此，我知道编程的基础知识，但我不知道HTML、CSS和Javascript是如何相互作用的

谢谢

编辑：所以在看到一些评论之后，我想我需要更清楚一点。所以我想我会清理一些东西。首先，是的，我设计了一些看起来像标签的东西。我只是在谷歌上搜索了一下，找到了一个方法。我不知道这是不是最好的办法。我将在下面包含一些代码

<ol id="toc">
<li><a href="Password.html">
    <span class="title">Password</span></a></li>
<li><a href="SSID.html">
    <span class="title">SSID</span></a></li>
<li class="current"><a href="Info.html">
    <span class="title">Info</span></a></li>
<li><a href="Logout.html">
    <span class="title">Logout</span></a></li></ol>

---

但我也看到了使用JQuery的一些很棒的东西。我也不知道如何使用它。

好吧，我想你已经有了看起来像标签的

标签了吧？如果是这种情况，CSS是微不足道的：

/* Note that my choice of selector here is HEAVILY dependent on the styling you already have*/
li span.title
{
    width: 25%;
}

---

理解CSS/Javascript/HTML之间的交互非常简单。如果这个答案没有意义，我建议你先读一本关于这个主题的好书。

根据你对Stargazer712的评论，你可能想看看

{less}

，这是一种允许变量的动态样式表语言：

---

因为您想“将变量从JavaScript传递到CSS”，这可能仍然不是答案，但值得一看。

您谈论的这些选项卡……它们是

s吗？如果你能在这里粘贴一些HTML，那就太棒了！好吧，也许互动不是正确的表达方式。我想知道如何将变量从Javascript传递到CSS。@BenBlack，我强烈推荐一本关于web开发的好书。CSS是一种样式语言，没有变量的概念。话虽如此，您可以按照以下几行操作：

document.getElementById（“myid”）.setAttribute（“style”，“width:25%”）
/* Note that my choice of selector here is HEAVILY dependent on the styling you already have*/
li span.title
{
    width: 25%;
}