初识HTML(5)+CSS(3)-升级版-慕课网-初识HTML(5)+CSS(3)-升级版章节介绍问答技术笔记

首页课程实战体系课手记专栏慕课教程

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

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

第3章 HTML5效果标签: 写代码都不换行么? - 使用<br>标签实现换行效果; 再加点空格呢 - 使用特殊字符 实现空格标签; 再来一个水平分割线 - 使用<hr>标签实现水平线标签

第4章 HTML5列表标签: 添加新闻信息列表 - 使用<ul><li>标签实现无序列表; 添加图书销售排行榜- 使用<ol><li>标签实现有序列表

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

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

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

第8章 CSS3选择器: css3的游戏规则 - 什么是选择器？; 选一个标签 - 标签选择器; 再选一个类 - 类选择器; 取个唯一标识 - ID选择器; 类和ID选择器的区别; 捡了一个儿子 - 子选择器; 这么快就当爷爷了? - 后代选择器; 我全都要 - 通用选择器; 伪装者 - 伪类选择器; 给选择器分个组 - 分组选择器

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

第10章 CSS3字体样式: 换个好看的字体 - 使用font-family设置字体系列; 能不能把字写大一点啊 - 使用font-size设置字体大小; 再加粗一点 - 使用font-weight设置字体粗细; 再加个样式 - 使用font-style设置字体样式; 上个色 - 使用color设置字体颜色; 偷个懒 - font样式的简写方式

第11章 CSS3文本样式: 给文本装饰一下 - 使用text-decoration添加文本修饰; 开头空两格喔 - 使用text-indent为文本添加首行缩进; 太挤啦,撑开一点 - 使用line-height为文字设置行间间距; 男女授受不亲 - 使用letter/word-spacing增加或减少字符间的空白; 换个排列方式 - 使用text-align设置文本对齐方式; 长度值

第12章 CSS3盒模型: 给元素分个类 - 元素分类; 我要独占一行 - 块级元素; 我要和你站一起 - 内联元素; 我还要站个大位置 - 内联块状元素; 隐身术 - none不占据位置; 变个盒子-什么是盒模型（视频）; 长胖长高点--宽度和高度; 设置个美美哒的颜色-背景色; 画个圈圈 - 使用border为盒子添加边框（一）; 我想脚下踩条线 - 使用border为盒子添加边框（二）; 加个圆角 - 使用border-radius设置圆角; 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）; 距离产生美 - 使用margin为盒子设置外边距（边界）

第13章 CSS3布局模型: CSS3的布局 - css布局模型; 排队显示-流动模型（一）; 排队显示-流动模型（二）; 起飞咯 - 浮动模型; 什么是层模型？; 万事无绝对 -层模型之绝对定位; 相对于自己的位置-层模型之相对定位; 我就在那不动了-层模型之固定定位; Relative与Absolute组合使用

第14章 flex弹性盒模型: 弹性盒模型 - 弹性盒模型之flex属性; 操作一下横轴- 使用justify-content属性设置横轴排列方式; 操作一下竖轴- 使用align-items属性设置纵轴排列方式; 我想占大头 - 给子元素设置flex占比

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