Web前端基础
课程介绍
课程章节 
课程公告
1. Day01 试学
1.1. 上网就是请求数据 试学
1.2. 浏览器负责加载、解析和呈现数据 试学
1.3. 服务器的概念 试学
1.4. 浏览器的现状和分类 试学
1.5. http协议的作用 试学
1.6. 网址的格式和作用 试学
1.7. 比较Html和纯文本文件的区别 试学
1.8. HTML是负责描述文档语义 试学
1.9. 常用的开发工具 试学
1.10. 开发工具下载 试学
1.11. 使用idea创建静态web项目和网页文件 试学
1.12. Html的骨架和基本语法 选修
1.13. Html版本不同声明头可能不同 选修
1.14. 教案、作业、代码下载 选修
1.15. 请完成day01作业习题 选修
2. day02 选修
2.1. 文档声明头的作用、先学H4再学H5 选修
2.2. H4分为HTML、XHTML两大类,6小类 选修
2.3. 代码演示XHTML与HTML的区别 选修
2.4. 看技术手册了解严格、普通、框架模式区别 选修
2.5. 不用背文档声明,可以软件自动生成 选修
2.6. meta设置字符集编码 选修
2.7. 网页文件实际编码和meta设置不一致,会乱码 选修
2.8. 字符集和编码的含义 选修
2.9. 国际编码UTF-8、国标码(GBK、GB2312)的区别 选修
2.10. 国际编码和国标码各自使用的场景 选修
2.11. 关键字和页面描述的作用 选修
2.12. 通过title标签设置页面标题 选修
2.13. Html对换行、tab不敏感,空白折叠现象 选修
2.14. 标签要闭合 选修
2.15. 教案、作业、代码下载 选修
2.16. 请完成day02作业习题 选修
3. day03 选修
3.1. 标题h标签的用法 选修
3.2. 段落标签p用法 选修
3.3. h标签不能嵌套、p标签为文本级标签 选修
3.4. chrome浏览器调试功能简单了解 选修
3.5. 图片img标签的用法 选修
3.6. img标签注意点 选修
3.7. 相对路径的概念、资源引用不能使用绝对路径 选修
3.8. 相对路径的几种写法演示 选修
3.9. 超链接a标签的用法 选修
3.10. 超链接的title和target属性 选修
3.11. 页面锚点的用法 选修
3.12. 用a标签制作图片超链接 选修
3.13. 教案、作业、代码下载 选修
3.14. 同学作业参考 选修
4. day04 选修
4.1. 无序列表ul和li标签用法演示 选修
4.2. ul和li标签的特点 选修
4.3. 查看淘宝网源码,导航菜单使用ul和li嵌套 选修
4.4. 了解有序列表ol和li标签 选修
4.5. 定义列表dl、dt、dd标签用法 选修
4.6. 拆成多个dl列表,页面更加清晰 选修
4.7. dt、dd标签使用的补充 选修
4.8. div标签的作用介绍 选修
4.9. div是容器级标签,可以嵌套多个div 选修
4.10. span标签控制文本内容 选修
4.11. 教案、作业、代码下载 选修
4.12. 演示div加css组合进行页面精细控制 选修
5. day05 选修
5.1. 演示表单form的用法 选修
5.2. input需要填写name才能提交数据到server端 选修
5.3. type为button和submit的input按钮不用提交到server 选修
5.4. 单选框radio的使用和默认值设置 选修
5.5. 复选框checkbox的使用 选修
5.6. 下拉列表select的使用 选修
5.7. 多行文本框textarea的使用 选修
5.8. 了解三种按钮的的区别 选修
5.9. label标签的用法和form表单总结 选修
5.10. 注释的格式和作用 选修
5.11. 字符实体的概念和大于小于字符实体表示 选修
5.12. 版权声明字符实体 选修
5.13. 空格字符实体的用法 选修
5.14. 了解html废弃或不建议使用的标签 选修
5.15. 教案、作业、代码下载 选修
5.16. html学习思路建议 选修
6. day06 选修
6.1. 了解页面开发的三项技术及各自作用 选修
6.2. 感受下css,调整字体大小 选修
6.3. 自定义css样式覆盖浏览器默认的样式 选修
6.4. 感受css,设置字体颜色和div边框 选修
6.5. 层叠的含义以及样式写的位置 选修
6.6. 样式表的写法和格式 选修
6.7. css对换行和空格不敏感 选修
6.8. css设置文本颜色color 选修
6.9. 了解颜色RGB规则 选修
6.10. 使用选色器工具选择颜色 选修
6.11. 能够通过查询w3c手册熟悉更多的基本样式控制 选修
6.12. 标签选择器用法及三个特点 选修
6.13. id选择器的使用及命名规范 选修
6.14. 类选择器的使用 选修
7. day07 选修
7.1. 演示后代选择器用法 选修
7.2. 后代选择器可以多代选择 选修
7.3. 交集选择器的使用 选修
7.4. 并集选择器 选修
7.5. 通配符的使用以及几种选择器的总结 选修
7.6. 了解浏览器的兼容性 选修
7.7. 儿子选择器 选修
7.8. css3的序选择器 选修
7.9. css3的下一个兄弟选择器 选修
8. day08 选修
8.1. 演示css的继承性效果. 选修
8.2. chrome开发者工具查看继承 选修
8.3. css的文本样式能继承 选修
8.4. color、text、line、font几个文本样式的区别 选修
8.5. 关于盒子自身特性、定位、局部等属性不能继承 选修
8.6. 继承从自身开始一直到最小元素 选修
8.7. 层叠性的概念以及演示css层叠性效果 选修
8.8. chrome开发者工具观察层叠的原因 选修
8.9. 层叠性计算规则(选中元素) 选修
8.10. 结合实例讲解层叠性规则(选中元素) 选修
8.11. 代码演示层叠性效果(选中元素) 选修
8.12. 权重相同,以后定义为准(选中元素) 选修
8.13. 了解层叠性id、类、标签权重进位 选修
8.14. 如果没有选中元素,则层叠权重为0 选修
8.15. 层叠权重均为0,以最近定义的为准(未选中元素) 选修
8.16. css层叠样式表权重规则总结 选修
8.17. 层叠性权重练习题一 选修
8.18. 层叠性权重练习题二和三 选修
9. day09 选修
9.1. 标签多个类名样式冲突,以css中后定义的为准 选修
9.2. !important标记提升样式属性的重要性 选修
9.3. !important提升属性重要性,而不是选择器的 选修
9.4. !important不能提升继承的样式属性重要性 选修
9.5. !important不影响就近原则 选修
9.6. !important尽量少用 选修
9.7. 层叠性权重总结 选修
9.8. 盒子模型说法的由来 选修
9.9. 盒子模型基本属性 选修
9.10. 盒子实际宽高和width、height不同概念 选修
9.11. 通过举例详细认识盒子各属性值 选修
9.12. 盒子的实际宽高由边框、内边距和内容区宽高一起组成 选修
9.13. 内边距padding包含上右下左四个方向 选修
9.14. padding小属性和大属性两种写法 选修
9.15. padding大属性可以按照上右下左顺时针简写 选修
9.16. pading通过小属性可以层叠大属性,一起组合使用 选修
9.17. 部分元素默认带padding,需要层叠掉 选修
10. day10 选修
10.1. 边框border的属性三要素和常用样式 选修
10.2. border样式效果在不同浏览器可能有差异 选修
10.3. border按照3个属性细化写法 选修
10.4. border按照4条边属性细化写法 选修
10.5. border可以拆分成12个子属性 选修
10.6. border大属性和小属性配合使用 选修
10.7. border可以去掉指定方向的边框 选修
10.8. 标准文档流的概念 选修
10.9. 标准流空白折叠、高矮不齐,底边对齐现象 选修
10.10. 标准流自动换行,一行写不满,换行写 选修
10.11. 块级元素概念和特性,独占一行,不并列,可设宽高 选修
10.12. 块级元素默认为父级宽度 选修
10.13. 行内元素概念和特性,并排,默认为文字实际宽度 选修
10.14. 块级元素和行内元素分类 选修
10.15. 块级元素可转换为行内元素 选修
10.16. 行内元素可转换为块级元素 选修
10.17. 浮动现象演示,块级元素可以并列 选修
10.18. 浮动元素会脱离标准文档流 选修
10.19. 浮动后,行内元素可设置宽高 选修
10.20. 浮动的元素会贴靠 选修
10.21. 浮动的元素有文字包围效果 选修
10.22. 如果浮动,兄弟节点一起浮动 选修