浅谈如何学习div+css

       对于众多div+css的初学者而言，由于对相关联的知识了解不多，在看一些教程时，会感觉到很迷茫或者不知所云。学习是一个循序渐进的过程，那么如何才能学好div+css呢?下面一起来了解一下。

       一、制作网页前你需要掌握的知识

       1、熟悉html基本知识

　　div+css是以div进行布局，CSS设置样式。而CSS的基础就是html,要运用CSS进行样式设置，我们就必须要掌握html的基础语法及结构，熟悉每个标签的用法。学会编写基础的html代码。

　　2、熟练掌握CSS常用的选择器和属性

　　要运用CSS设置样式，就必须熟悉CSS常用的属性和选择器，尤其需要注意类选择器和ID选择器的区别。

　　3、熟悉CSS创建方式

　　多个页面共用的样式建议使用外部样式表，单个页面多处共用的样式建议使用内部样式表。只有一两处用到的样式可使用内联样式表，但不建议使用太多，多数情况下仍建议用内部样式表替代。

　　4、了解程序插入程序循环（制作网页模板关键）

　　对于初学者来说，这一点可以稍微不太关注，除非公司要求设计师编写服务端或者javaScript代码。

　　5、熟悉图片处理软件的基本操作，如photoshop，美图秀秀等等

　　对于有效果图的页面来说，我们可以考虑通过Photoshop把需要用到的背景图片裁剪出来。所以虽然它们跟div+css没有直接关系，但作用也不容忽视。

　　6、了解各浏览器的兼容问题及解决兼容的方法

　　由于不同浏览器对某些样式的理解不甚一致，所以兼容性问题长期存在，记住一些常见的兼容问题，解决起来也会轻松很多。

　　7、认识W3C认证

　　W3C是国际级的组织，所有的规则都以此作为标准。因此，多上W3CSchool进行学习是每位网页设计师成功的必经之路。

        二、DIV+CSS网页制作开发流程

　　在了解了我们需要掌握的基础知识后，我们一起来了解一下网页制作的流程。

　　（一）有网页效果图

　　1、构思网页效果图、并画出草图，分析出效果图结构规律；

　　2、利用图片处理软件进行图片处理，如去掉无效文字、图片等等

　　3、根据网页效果来选择图片格式类型；利用软件进行图片格式类型转换

　　4、创建网页的文件夹、CSS文件、HTML文件（images-图片文件夹、CSS-CSS文件夹、html文件直接放到网站根目录下）；

　　5、创建html文件与CSS文件

　　6、根据效果图制作开发网页，在制作过程中要注意调试和检查兼容

　　7、最后完工后重新检测和检查网页在各个浏览器的兼容等。

　　（二）无网页效果图

　　1、构思自己的网页结构

　　2、开始创建html文件与CSS文件，并适当引入初始模板

　　3、最后完工后重新检测和检查网页在各个浏览器兼容等。

　　以上就是课课家网站为大家总结的如何学习div+css的全部内容。是不是非常简单。如果你是0基础的初学者，不妨从HTML的基础学起，相信在不久的将来，你就能熟炼掌握div+css的相关内容了。