html-Menu

目标

布局知识学习/静态页面实现/在框架里灵活运用

觉悟

打好基础，这须要大量的练习

 

01前端开发流程

---

前端开发流程、软件与编辑器、浏览器
前端开发语言（html）
标签与代码嵌套关系、样式表的种类与区别
CSS常见样式：width\height\border\复合样式\rgb\16进制\background）
文字设置与排版：font\line-height\color\text-align
超连接、target、相对路径与绝对路径
盒模型及其注意事项

 

02H5标签与CSS选择器

---

 

伪类标签的特性、
经常使用标签：h1-h六、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固定定位