第1部分第1部分，共3部分：理解html和css

1. 1将HTML结构分为三个部分。头标签是第一部分。它包含与网页目的和信息相关的所有数据。这包括元数据、标题、外部文件源等。几个网站还包含与网站流量分析、页面排名等相关的重要信息。所有这些都包含在该部分中。接下来是身体标签。这是网页结构的主要中心。这里提到了网站的线框或构建块。你在这里提到了元素和标签。根据你提到的顺序，元素会被放置在最终的网页中。例如，如果我们写一个表单标签，然后写一个图像标签；我们会发现我们的网页显示一个表单，下面是一个图像（当然，这些顺序和位置可以用高级CSS进行更改）。所以，如果你手头有一个设计，只需继续根据你的设计流程添加元素。网页的不同部分（左、右、中）必须进行相应处理。为此，我们有表标签或列表标签。学习HTML中可用的所有标记类型，并理解它们的实现。最后是足部。此部分通常包含网页页脚区域中可见的所有内容。然而，我们通常不单独包括这一点。相反，页脚内容被附加到正文本身

2. 2了解CSS是如何影响的。W3C引入了CSS或级联样式表，以减少HTML文件大小，获得更清晰的代码，并将样式与HTML分开同步。这些文件只不过是包含在HTML head部分中的独立文件，它们包含HTML文档中各种元素的样式定义。CSS定义的样式代码包括字体行为、颜色、高度、宽度、显示样式等。它们还包括鼠标悬停和鼠标移出事件的行为定义。事实上，随着CSS3的最新加入，造型已经提升到了一个非常不同的水平。现在，您可以创建动画、变换和转换——所有这些都来自CSS代码。我们通常使用CSS来声明宽度、高度、颜色、字体等。这些是最常见的样式选项，帮助我们定义几个HTML元素的外观和位置。

第2部分第2部分，共3部分：将html与css结合或链接

• 一个非常常见且重要的问题是——样式表如何知道为特定对象放置什么样式？对于新手来说，这是一个非常重要的问题。好吧，有很多程序可以让你的CSS代码理解你想为你当前的风格访问哪个元素。

1. 1如果需要，可以在类和ID的帮助下完成。这是最常见的程序，在整个互联网世界都被视为一个重要步骤。在HTML文档中，在声明元素时，只需添加属性“class”并为其指定特定名称。“id”也一样。现在在CSS文件中，只需写类名或id名并定义样式。该特定元素将自动派生样式定义。在用类名声明时，在CSS文件中，在前面添加一个点。对于ID，在名称前添加一个哈希。这就是语法。现在，最重要的部分。那么，类和ID之间有什么区别呢？如果它们共存，就不可能是相同的。是的，有很大的不同。在HTML文档中，可以用相同的类名命名任意多个元素。但ID必须专用于一个元素。因此，当我们需要对HTML页面上的多个项目使用相同的样式时，可以使用类，并使用ID专门为单个项目设置样式。

2. 2通过标记名访问DOM（数据对象模型）元素或HTML元素。所以，如果我们想删除页面中所有图像标签的边框；我们只写“img”并声明“边界：无”。然而，这将适用于文档上的所有图像标签。你可能会想，有没有一种方法可以指向一个特定的元素（例如图像标签），但要使用它的元素名？是的，有办法。进入下一点。

3. 3通过标记名访问特定元素。但是，您需要遍历它们的所有父元素，直到它们。这有点难，是吗？可以让我们举个例子。假设我们有一个表单元素，然后在其中有一个输入元素。我们也有表单之外的输入元素，比如一些零散的元素。现在，如果我们遵循上面的观点，在输入元素上声明一些样式；这些样式应在表单内外的输入元素上实现。如果我们希望样式只在表单内部的元素上实现，我们可以这样做——表单输入{/*在这里声明样式*/}。所以，请注意我们是如何访问我们想要特别设置样式的输入元素的。首先是父元素，然后是主元素。这样，外部输入元素就会被丢弃。

第3部分第3/3部分：更进一步

1. 给自己留出时间学习。要想成为一名编程老手可能需要很多时间。但这里有一些主题可以帮助您理解基本方法并快速设计标准HTML页面。

2. 2学会正确打破网页设计结构。了解可用的标签，并了解如何使用它们将页面分解为最简单的结构。

3. 现在，CSS框模型非常重要。理解元素的宽度和高度是第一步。但在那之后，你必须学会如何通过填充和边距来调整间距。在某些情况下，保证金不适用。因此，必须使用填充，反之亦然。试着弄清楚它们到底是什么，以及它们是如何被使用的。

4. 4学习浮动及其用法。CSS浮动是样式设计的另一个非常重要的方面。左右浮动内容在网站结构中起着重要作用。

• 始终使用CSS外部文件。尽量避免内联样式和头标记样式定义。这些会增加页面加载时间，降低网站运行速度。W3C已经将其标记为糟糕的编码标准
• 在学习阶段，尝试从W3C验证器验证代码——HTML和CSS。通过这种方式，你可以了解与互联网上的最佳标准相比，你犯了哪些错误。