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

网页制作并非大家想的那样用了高大上的技术。其实网站制作套路还是很简单的，是由一个叫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它的宽是多少？高是多少？颜色是什么？
好了 ，看完上面的详细讲解，是不是对网站建设逻辑有了焕然一新的理解。


了解美国VPS托管和专用服务器托管之间的区别
网站制作中必须要知道的事情
B2B企业营销，越来越重要了
北京网站优化能为企业带来什么
网站导航设计的重要性（以及如何改进）
松江网站优化：百度索引量下降应该怎么办
网站设计优化的意义
开发商城项目完成后，会遇到哪些常见问题，如何去解决？