框架与模块化Html与CSS开发培训.pptx

框架与模块化Html与CSS开发;大纲;前端开发职业规划;Html标签;Html标签;页面级标签;认识Doctype;Doctype与浏览器模式;html5 Doctype;meta,title,base;link,style,script;常用标签与不常用标签;参考网站;CSS基础;目录;基础概念与常用技巧;CSS基础概念;CSS选择符;盒状模型;外边距（maring）合并;外边距（maring）合并;宽度（width）与高度（height）;浮动float;清除浮动;定位position;CSS Sprite;Faux列;浏览器兼容性;浏览器兼容性;浏览器兼容性;为浏览器兼容性开发的准备;CSS Hack;内部hack;选择器hack;IE条件注释;CSS hack 应用;常见兼容性问题解决;常见兼容性问题解决;常见兼容性问题解决;更多常见兼容性问题解决;CSS框架与模块化;啥是框架?;什么是CSS框架?;CSS框架的优点;CSS框架的缺点;CSS框架的一般组成;reset.css;reset.css;base.css;fonts.css/typography.css;metacss.css;forms.css;layout.css;layout.css;自适应布局;自适应布局;自适应布局;自适应布局;;Oocss中???grids.css;自适应布局的适用场景;栅格化布局;栅格化布局;;栅格化布局;blueprint grid的局限性;高度能否栅格化?;选择blueprint,AND 实战;CSS模块化开发;我们面临的问题;我们面临的问题;来一场革命吧!;开发我们的CSS框架;全新规划CSS文件目录结构;语义化与模块化代码;HTML,CSS编码规范;HTML,CSS编码规范;HTML,CSS编码规范;HTML,CSS编码规范;CSS命名参考;遵循此规范的开发演示;开发工具与测试工具;学习参考网站