网页布局基础

【课程】：网页布局基础

【讲师】：婧享人生
【时长】：1小时30分
【难度】：初级


【课程介绍】：
网页布局是进行网页制作的基础。本课程将讲解CSS中三种定位机制——标准文档流、浮动和绝对定位，并对标准文档流、盒子模型、float属性以及position属性等进行详细分析。从晦涩的理论讲解到编辑器环境的逐步验证，让你彻底掌握网页布局的相关知识。


【课程须知】：
1.一定要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解


【老师告诉你能学到什么？】
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局；2.精通标准文档流、盒子模型、float属性以及position属性等知识。


【课程提纲】：

第1章 课程简介
概述CSS中三大定位机制及其本案例课程要讲解的知识点。

第2章 自动居中一列布局
详细讲解标准文档流、行级元素及块级元素、盒子模型等内容，并对实现自动居中一列布局中的margin属性进行重点分析。

第3章 横向两列布局
详细分析float属性，重点介绍清除浮动常用的两种方法，并且具体实现了网页最常用的布局方式——横向两列布局。

第4章 绝对定位布局
本部分重点讲解把众多码农搞得晕头转向的相对定位和绝对定位知识，并分析绝对定位布局的实现技巧。

第5章 挑战编程
恭喜你，课程已经全部学习完了，接下来测试一下吧，相信你肯定没问题的！

游客，如果您要查看本帖隐藏内容请回复

版权声明

1、本站所发布的一切学习教程、软件等仅限用于学习体验和研究目的；请自觉下载后24小时内删除，严禁用于其他用途，如果你喜欢教程，请支持正版教程软件，得到更好的正版服务，本站内容全部来自网络，版权争议与本站无关，如果您认为侵犯了您的合法权益，请联系我们删除。发送邮件到邮箱：51207529@qq.com。

2、对于不当转载或引用本网站内容而引起的民事纷争、行政处理或其他损失，本网站不承担责任。

3、对不遵守本声明或其他违法、恶意使用本网站内容者，本网站保留追究其法律责任的权利。

http://www.xunibaoku.com/forum.php?mod=post&action=reply&fid=355&tid=29084