今天与您共享的内容是代码，并且90％的人无法完成代码。第一次看到一串各种颜色的字母时，我的心实际上非常沮丧！但是在多次阅读代码例程并仔细分析了代码实现思想之后，我发现只要发现逻辑例程，仍然可以学习它们。

“ 网站是如何制造的？它使用了非常高的技术吗？”这是大多数童鞋经常遇到的问题。

网页创建并没有像大家所认为的那样使用高科技。实际上，网站生成例程仍然非常简单，它是由一个称为p + css的例程完成的。接下来，我将详细解释它〜

什么是Div + css？

•p + css是网站布局方法

•Div：是一种常见的网页布局结构。它取代了传统的表单布局。 （相当于人体骨骼和各个部位）

•Css：美化和装饰网站。 （相当于人们的衣服，鞋子，帽子和其他会改变自己的东西）

•例如：如果我们将p与一个人进行比较，那么css就是在这个人上穿上一件漂亮的外套。

Div + css布局的优点是什么？

•以这种方式编写代码以简化并提高页面的下载速度，这有利于搜索引擎的优化。

•网站开发完成后。如果您要使用传统的表格布局，则用户可以通过“百度搜索”获得网站信息。它将导致网页混乱，不利于百度的搜索和搜索。

•分离结构和样式，以方便前端开发人员和后台程序开发人员的划分和协调。

•前端开发人员和后台程序开发人员的合作完成了完整的网站。

•前端人员负责网站页面的设计和布局。后台程序开发人员负责网站功能的开发（例如：文件上传）

•如果结构和样式不分开，则不利于前端开发人员和后台程序开发人员的后续工作。

请查看下面的童鞋代码

阅读此代码后您会怎么想？

有些人会问什么是p？什么是上课？什么是骗局？什么是样式？

•Div：是网页布局标签。

•类：指定元素的类名称（类名称）。只需给p命名即可。

•Ps：p的名称可以是您想要的任何内容。

•这意味着我定义了一个p，并给p命名为“ con”

•样式：位于头部。它的出现是为了告诉浏览器我要为con指定样式。如。称为con的p的宽度是多少？高度是多少？什么颜色的？

好吧，在阅读了上面的详细说明之后，您对网站建设逻辑有了全新的了解吗？当然，对于不想学习代码的童鞋，还有另一种更方便的方法。赶快打开灯光定制的官方网站，与程序员告别，并让自己网站做出自己的决定！您无需了解代码，即可轻松自定义自己的代码网站。按照Light Customization官方网站上的指导视频进行尝试。