【CSS+DIV】——基础+格局设计

    初识

    CSS，中文译为层叠样式表，是用于控制网页样式并允许将样式信息与网页部分分离的一种标记性语言。

    总括

    通过看CSS的视频，小编发现CSS真是还好用了，有了它，设计出来的界面什么的都美美的。

    通过下面的思维导图来对视频的前九集来个整体的认识：

    知识点

    之前在牛腩的时候就学习过关于CSS的知识，只是当初学的很表面，只是些皮毛，这次感觉学到的更为细节具体。从字体的设置到图片的样式，再从页面背景到滤镜的使用，每一步都是对一个网页的巨大的美化。小编对这块的内容还真是着实感兴趣。

    知识扩展

    通过百度搜索扩展部分CSS的内容。

      特点

      一.精简代码，降低重构难度。

         网站使用DIV+CSS布局使代码很是精简，css文件可以在网站的任意一个页面进行调用，而若是使用table表格修改部分页面却是显得很麻烦。如果一个门户网站的话，需手动改很多页面，而且看着那些表格也会感觉很乱也很浪费时间，但是使用css+div布局只需修改css文件中的一个代码即可。

      二.网页访问速度。

         使用了DIV+CSS布局的网页与Table布局比较，精简了许多页面代码，那么其浏览访问速度自然得以提升，也从而提升了网站的用户体验度。

      三.SEO优化。

         采用div-css布局的网站对于搜索引擎很是友好，因此其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题，而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

      四.浏览器兼容性

         DIV+CSS相比TABLE布局，更容易出现多种浏览器不兼容的问题，主要原因是不同的浏览器对web标准默认值不同。

      常犯错误

      1. 检查HTML元素是否有拼写错误、是否忘记结束标记

      2. 检查CSS是否书写正确

      3. 用删除法确定错误发生的位置

      4. 利用border属性确定出错元素的布局特性

      5. float元素的父元素不能指定clear属性

      6. float元素务必指定width属性

      7. float元素不能指定margin和padding等属性

      8. float元素的宽度之和要小于100%

      9. 是否重设了默认的样式?

      10. 是否忘记了写DTD?

    小结

    通过对CSS的学习，感觉自己的审美观提升了一大步呀，不只是学习，更多的是很有意思，看到美美的图片，还是欢喜的很。希望接下来会有更大的收获，come on！