HTML&；CSS框架

我是一名初学者，已经学习了html和css的所有基础知识。目前，我已经了解了框架的概念，可以在某种程度上简化web页面中元素的放置

关于这一点，我仍然对如何在代码中实现它们感到困惑。每当我下载一个，我就会收到一堆文件，不知道该怎么处理它们。我很惊讶网上没有太多关于如何使用它们的解释，也许我找错地方了

其次，是否有一个初学者友好的框架，我应该开始？我见过有人建议使用960网格系统

---

此外，是什么让框架变得“轻”？“光框架”有什么区别？它有什么用途？

我知道你一定有点迷路了，就像我们现在讨论的其他主题一样

转到此链接：

你必须复制链接的全部内容

在当前的web中，您将拥有一个主HTML文件（可能是index.HTML或类似文件）。在主HTML文件或索引所在的同一文件夹中，创建一个名为CSS的文件夹，并在该文件夹中创建一个名为例如grid960.CSS的文件。现在，打开该文件夹，复制链接的所有内容并将其粘贴到grid960.CSS文件中。保存该文件夹，然后在主HTML文件中，必须调用该文件夹以使其正常工作。为此，请在HTML标题部分，复制此文件：

<link rel="stylesheet" href="css/grid960.css">

现在您可以使用它了。您必须知道，使用它的最佳方法是将其类与div一起应用。为了解释grid960.css的一些类，我将给您一个示例：

<div class="container_16"> <!--The other option is container_12.-->
   <div class="grid_8">
      This div is going to occupy half part of the window.
   <div>
   <div class="grid_4">
      This div is going to occupy a quarter of the window.
   <div>
   <div class="grid_4">
      This div is going to occupy a quarter of the window.
   <div>
</div>

这个div将占据窗口的一半。
这个部门将占据窗户的四分之一。
这个部门将占据窗户的四分之一。

您也可以这样做：

<div class="container_12">
   <div class="grid_12">
      This div is going to occupy the whole window. Next grid you put is going to be below it because is not going to fit.
   <div>
   <div class="prefix_2 grid_8 suffix_2">
      This div is going to occupy the whole window too, but with a margin-left (prefix_2) with the same width of a div of class grid_2, and the same for the margin-right (suffix_2)
   <div>
</div>

这个div将占据整个窗口。您放置的下一个网格将位于它下面，因为它不适合。
这个div也将占据整个窗口，但左边距（前缀_2）与类grid_2的div宽度相同，右边距（后缀_2）相同

当然，您可以进行以下组合：

<div class="container_16">
   <div class="preffix_1 grid_7 suffix_8">
   </div>
   <div class="preffix_6 grid_10">
   </div>
</div>

你想要什么都行。试试看。很简单。我希望我帮了你