找回密码
 立即注册
mito
查看: 1161|回复: 4

网页布局基础

[复制链接]

7万

主题

599

回帖

24万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
241021
发表于 2017-11-2 08:52:57 | 显示全部楼层 |阅读模式
【课程】:网页布局基础

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


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


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


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


【课程提纲】:

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

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

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

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

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


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

回复

使用道具 举报

QQ|Archiver|手机版|

GMT+8, 2024-11-23 09:58 , Processed in 0.174676 second(s), 41 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表