网站是如何用div+css来制作的

2023-06-03 分类：网站建设

网页制作并非大家想的那样用了高大上的技术。其实网站制作套路还是很简单的，是由一个叫div+css来搞定的。接下来给大家详细讲解一下~

Div+css是什么？

• div+css是网站布局方式

• Div：是一个常见网页布局结构。它取代传统的表格布局方式。（就相当于人的骨架和各个零件）

• Css :是给网站进行美化和修饰。（相当于人的衣服、鞋子、帽子等修饰自己的东西）

• 例如：我们把div比喻成一个人的话,那么css 就是给这个人穿上华丽的外衣。

Div+css布局的优势是什么呢？

• 这样写代码精简，提高页面的下载速度，有利于搜索引擎的优化。

• 一个网站开发完成后。用户通过"百度搜索"的方式获得该网站信息，若要用传统的表格布局。会造成网页页面很乱，不利于百度的搜索和查找。

• 结构与样式分离，方便前端开发人员与后台程序开发人员分工协调。

• 一个完整的网站由前端开发人员和后台程序开发人员相互配合来完成。

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

• 若结构和样式没有分开，不利于前端开发人员与后台程序开发人员的后续工作。

有人会问div是什么？class是什么？ Style 是什么？

• Div ：是网页布局标签。

• Class：规定元素的类名（classname）。就是给某一个div起名字。

• Ps :div 的名字可以随便起。

• < div>是说我定义了一个div并且给这div起了一个名字

• Style：位于 head 部分。它的出现是要我们告诉浏览器我要给一个叫con的东西规定样式。比如，一个叫con的div它的宽是多少？高是多少？颜色是什么？

好了，看完上面的详细讲解，是不是对网站建设逻辑有了焕然一新的理解。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容