html-Menu

目标

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

觉悟

打好基础,这需要大量的练习

 

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固定定位

posted @ 2017-10-16 14:37  alan-alan  阅读(742)  评论(0编辑  收藏  举报