web前端算的上是it互联网编码中最为简单的类别了。而且并不需要大批量的代码，只需要能够读懂代码，制作一些简单的表单，建立交互状态等一些比较基础的工作。却拿着令人羡慕的薪资。web前端是利用html/css/js等技术完成产品界面的开发，制作标准化代码。页面交互功能结合后台开发技术模拟整体的效果。小编帮大家总结了web前端的最新学习路线图，帮助大家学好web前端。这里还是要推荐下小编的web前端学习群:606加721加798，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份2最新的web前端资料和0基础入门教程，欢迎初学和进阶中的小伙伴。在不忙的时间我会给大家解惑。
一些标签ID经常出现在Web页面中，例如容器（或包装器）、页眉、内容、边栏、页脚，id这些标签是很好的例子，因为它们能够知道角色的名称，它们的目的是识别div标签或其他元素。
id和类最好用来表示特定的含义。诀窍是选择一个名称，可以随时表示元素的含义。
建议，例如，你有一个标签，代表一天的特殊价格，你决定给它贴上红色，你可以命名元素“特殊”或“红色”。
“特殊”应该是个不错的选择。随着时间的推移，你的色彩计划可能会改变。然而，“红色”可以让人惊叹。但是如果这个名字是“特殊的”，你将能够很好地识别这个标记的用途。
确保您选择的名称是有意义的，当您需要修改样式时，这些样式可能在半年或一年内没有被触及。这是个不错的选择。
何时使用class或id
在一个页面中，每个ID必须是唯一的。例如，在一个页面上，只有一个div可以使用一个ID，但是一个类（class）可以在页面中多次使用。例如，你可以有一些图片在网页上使用“leftfloat”或“rightfloat”这些图片的类（class）。
第一步是基于信息。您可能认为您应该使用大量的类和少量的ID。相反，为了简化标记，您需要尽可能少地使用类。在类（class）中，我们使用大数字来命名或命名。这里的名字是指绝对姓名，如用户名、密码和注册页面中的密码，这些都是坏习惯。类（class）应被命名为元素的分类。
类（class）有时是必需的，但有时它将id分配给元素（元素）。然后它使用子元素选择器（后代选择器）指向目标元素的子元素，并将一个类（class）分配给每个子元素需要更少的代码。
例如，假设列表中有一些链接。您可以将一个类（class）分配到列表中，以将这些链接样式化到每个链接。或分配一个ID列表的容器（如：UL或OL元素）和写规则使用子元素选择器（后代选择器）。假设你分配一个ID认证为“子导航”。
在有些地方，有些东西（这里应该指指定的重复ID）经常出现在同一页上，导致子代选择器不能工作，而且类可以很好地使用。我已经举了一个例子来提醒你，一个类应该被用来将图片浮动到左边或右边到页面的任何位置。
假设目录中的每个条目都有几个段落的描述，但您认为其中一个段落是不同的。如果是导言（介绍性）段落，你可以给它分配一个类（class），称为“介绍”。但是如果它是用户的推荐信，你可以给它指定一个类（class）名为“证明”，然后你可以创建一个介绍或推荐风格，这些段落将被分成不同的部分。