标签：color 流程 编辑器 灵活 html5 ie6 大全 表格 固定
目标
布局知识学习/静态页面实现/在框架里灵活运用
觉悟
打好基础，这需要大量的练习
01前端开发流程
前端开发流程、软件与编辑器、浏览器
前端开发语言（html）
标签与代码嵌套关系、样式表的种类与区别
CSS常见样式：width\height\border\复合样式\rgb\16进制\background）
文字设置与排版：font\line-height\color\text-align
超链接、target、相对路径与绝对路径
盒模型及其注意事项
02H5标签与CSS选择器
伪类标签的特性、
常用标签：h1-h6、p、strong、em、span、ul、ol…，
HTML5新增标签：header、nav、footer、section、article、aside、time、mark…、
特殊的img、
id选择器、类选择器、标签选择器、群组选择、包含选择器、
通配符、选择器优先级、css reset、块和内嵌、inline-block、vertival-align
03浮动的深度剖析
浮动（float）概念、特性、浮动的属性、浮动的表现、
文档流的概念与现象、
清除浮动的原理、
清除浮动的方法：容器高度 \ 父级浮动 \ br清浮动 \ inline-block清浮动、after伪类清浮动方式、
BFC(块级格式化上下文)及其作用、触发BFC的条件、Haslayout
04定位进阶
定位(position)的种类、相对定位（relative）概念、
相对定位的表现、绝对定位（absolute）概念、绝对定位的表现、
定位的层级特征（z-index）、透明度、透明度滤镜、opacity \ filter:alpha(opacity=0~100)、定位与透明度的实例、
固定定位（fixed）概念、固定定位的表现、固定定位引发的问题和注意事项、固定定位问题演示
05表格详解
表格标签大全：
table（表格父级标签）、
thead（表格头）、
tbody（表格主体）、
tr（表格行）、th（元素定义表头）、td（元素定义表格单元）、
表格语义化及实例演示、
表格样式重置：单元格间隙合并：border-collapse:collapse;、
重置单元格默认填充、单元格合并：colspan、rowspan、
表格综合练习
06表单及相关属性
表单（form）应用范围、action、
input类型及属性、
文本框、密码、单选、复选、提交、重置、按钮、图片、上传、隐藏、
label、select/option 下拉选框、
textarea文本域、
表单常用属性、name、disabled与readonly的区别、checked/selected、label的for属性、
表单的默认样式重置、resize、outline、
表单综合练习
07浏览器兼容性
CSS兼容性常见问题：
margin兼容性问题、
display:inline-block、最小高度问题、
双边距、4px间隙、浮动元素宽度文字折行、
父级元素的overflow:hidden与子元素relative、
代码调试、调试工具、手动调试、
css hack、常用hack写法、!important、html条件注释语句：、
PNG24 兼容性问题、IE6固定定位
标签：color 流程 编辑器 灵活 html5 ie6 大全 表格 固定
原文地址：http://www.cnblogs.com/alan-alan/p/7676867.html
