13-1 CSS3的布局 - css布局模型

• 第1章 HTML5介绍
• 编程：1-1 代码初体验，制作我的第一个网页
• 编程：1-2 佛靠金装，人靠衣装 - html和css的关系
• 编程：1-3 使用说明书 - 标签的语法
• 编程：1-4 听说有新版本了? - html5文档结构
• 编程：1-5 小哥,做头么? - 认识head标签
• 编程：1-6 你就是馋人家的身子 - 认识body标签
• 编程：1-7 解释不等于掩饰- html文件注释

• 第2章 HTML5语义化标签
• 编程：2-1 语义化，让你的网页更好的被搜索引擎理解
• 编程：2-2 开始我们的第一段对话吧- 段落标签
• 编程：2-3 diy一个标签吧 -...
• 编程：2-4 做个标题党 - 使用<hx>标签为网页增加标题
• 编程：2-5 我还想diy点样式- 使用<div>标签自定义块
• 编程：2-6 听说开头写的好就能一键三连 -...
• 编程：2-7 结尾神转折 - <footer>标签定义底部区域
• 编程：2-8 正文才是重点喔 - <section>定义区段
• 编程：2-9 再加个侧边菜单吧 -...

• 第3章 HTML5效果标签
• 编程：3-1 写代码都不换行么? -...
• 编程：3-2 再加点空格呢 -...
• 编程：3-3 再来一个水平分割线 -...

• 第4章 HTML5列表标签
• 编程：4-1 添加新闻信息列表 -...
• 编程：4-2 添加图书销售排行榜-...

• 第5章 HTML5图片，链接及表格标签
• 编程：5-1 不发一张自拍么? -...
• 编程：5-2 百度一下,你就知道 -...
• 编程：5-3 开个新窗口 - 在新建浏览器窗口中打开链接
• 编程：5-4 听说你要制定学习计划了-使用table家庭为网页添加表格
• 编程：5-5 使用thead、tbody、tfoot定义表格

• 第6章 HTML5表单标签，与浏览者交互
• 编程：6-1 使用表单标签，与用户交互 -...
• 编程：6-2 先来填用户名和密码 - 文本输入框、密码输入框
• 编程：6-3 给点提示呗 - placeholder属性的使用
• 编程：6-4 在家呆多少天啦? - 数字输入框
• 编程：6-5 平时都逛论坛么? - 网址输入框
• 编程：6-6 留个邮箱,方便通知消息 - 邮箱输入框
• 编程：6-7 留下您宝贵的意见 -...
• 编程：6-8 使用label为input标签穿上衣服
• 编程：6-9 填填性别和兴趣爱好 - 单选框、复选框，让用户选择
• 编程：6-10 使用select、option标签创建下拉菜单
• 编程：6-11 填完就可以提交咯 - 提交按钮
• 编程：6-12 使用重置按钮，重置表单信息

• 第7章 CSS3介绍，为网页添加样式
• 编程：7-1 给html打扮一下 - 认识CSS样式
• 编程：7-2 为什么是css呢? - CSS样式的优势
• 编程：7-3 瞧瞧css的庐山真面目吧 - CSS代码语法
• 编程：7-4 听我再解释解释 - CSS注释代码
• 编程：7-5 既然那么好,那就引入css吧 - 内联式css样式
• 编程：7-6 换个地方吧,行内太挤了 - 嵌入式css样式
• 编程：7-7 还是把html和css分开吧 - 外部式css样式
• 编程：7-8 总有个先来后到吧 - 三种链接方式的优先级

• 第8章 CSS3选择器
• 编程：8-1 css3的游戏规则 - 什么是选择器？
• 编程：8-2 选一个标签 - 标签选择器
• 编程：8-3 再选一个类 - 类选择器
• 编程：8-4 取个唯一标识 - ID选择器
• 编程：8-5 类和ID选择器的区别
• 编程：8-6 捡了一个儿子 - 子选择器
• 编程：8-7 这么快就当爷爷了? - 后代选择器
• 编程：8-8 我全都要 - 通用选择器
• 编程：8-9 伪装者 - 伪类选择器
• 编程：8-10 给选择器分个组 - 分组选择器

• 第9章 CSS3的继承，优先级和重要性
• 编程：9-1 继承者 - 样式的继承
• 编程：9-2 别插队啊 - 选择器的优先级
• 编程：9-3 权值计算-特殊性
• 编程：9-4 为所欲为 - 选择器最高层级!important

• 第10章 CSS3字体样式
• 编程：10-1 换个好看的字体 - 使用font-family设置字体系列
• 编程：10-2 能不能把字写大一点啊 -...
• 编程：10-3 再加粗一点 - 使用font-weight设置字体粗细
• 编程：10-4 再加个样式 - 使用font-style设置字体样式
• 编程：10-5 上个色 - 使用color设置字体颜色
• 编程：10-6 偷个懒 - font样式的简写方式

• 第11章 CSS3文本样式
• 编程：11-1 给文本装饰一下 -...
• 编程：11-2 开头空两格喔 -...
• 编程：11-3 太挤啦,撑开一点 -...
• 编程：11-4 男女授受不亲 -...
• 编程：11-5 换个排列方式 - 使用text-align设置文本对齐方式
• 编程：11-6 长度值

• 第12章 CSS3盒模型
• 编程：12-1 给元素分个类 - 元素分类
• 编程：12-2 我要独占一行 - 块级元素
• 编程：12-3 我要和你站一起 - 内联元素
• 编程：12-4 我还要站个大位置 - 内联块状元素
• 编程：12-5 隐身术 - none不占据位置
• 视频：12-6 变个盒子-什么是盒模型（视频）(02:14)
• 编程：12-7 长胖长高点--宽度和高度
• 编程：12-8 设置个美美哒的颜色-背景色
• 编程：12-9 画个圈圈 - 使用border为盒子添加边框（一）
• 编程：12-10 我想脚下踩条线 - 使用border为盒子添加边框（二）
• 编程：12-11 加个圆角 - 使用border-radius设置圆角
• 编程：12-12 宰相肚里能撑船 -...
• 编程：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

• 第13章 CSS3布局模型
• 编程：13-1 CSS3的布局 - css布局模型
• 编程：13-2 排队显示-流动模型（一）
• 编程：13-3 排队显示-流动模型（二）
• 编程：13-4 起飞咯 - 浮动模型
• 编程：13-5 什么是层模型？
• 编程：13-6 万事无绝对 -层模型之绝对定位
• 编程：13-7 相对于自己的位置-层模型之相对定位
• 编程：13-8 我就在那不动了-层模型之固定定位
• 编程：13-9 Relative与Absolute组合使用

• 第14章 flex弹性盒模型
• 编程：14-1 弹性盒模型 - 弹性盒模型之flex属性
• 编程：14-2 操作一下横轴-...
• 编程：14-3 操作一下竖轴-...
• 编程：14-4 我想占大头 - 给子元素设置flex占比

• 第15章 css样式设置小技巧
• 编程：15-1 水平居中设置-行内元素
• 编程：15-2 水平居中设置-定宽块状元素
• 编程：15-3 面试常考题之已知宽高实现盒子水平垂直居中
• 编程：15-4 面试常考题之宽高不定实现盒子水平垂直居中