《从0到1:CSS进阶之旅》PPT课件,源码

编辑推荐

1.源自阅读量600万的人气教程； n
2.一本书快速进阶 CSS 高级技术； n
3.几十个前端“黑科技”，附赠上百道前端面试题，让你的技术比别人更高一筹； n
4.众多前端工程师、高校老师、学生一致推荐。 n
5.提供习题答案、源代码、教学PPT等资源，可在图书前言部分获取下载方法。 n
n
“从0到1”系列图书是根据线上付费视频培训课程和绿叶学习网超人气教程编写的培训教材。 n
由于该在线课程有着独特的风格、极高的质量，因而累积获得超过100 000 读者的支持，收到几百封的感谢邮件，大多来自初学者、参加工作不久的小伙伴，甚至不少还是高校老师。这个系列记录了作者当初作为初学者所遇到的各种问题和他多年开发的心血总结。作者很了解初学者的心态，也非常清楚初学者应该怎样才可以快速而无阻碍地学习。他站在初学者的角度而不是站在已经学会的人的角度来编写这个教程，让初学者学习起来恰到好处。

内容简介

《从0到1：CSS进阶之旅》作者根据自己多年的前后端开发经验，详尽介绍了CSS的进阶知识和高级开发技巧。 n
本书的正文部分共12章，分别讲解了CSS的基础知识、CSS规范、盒子模型、display属性、文本效果、表单效果、浮动布局、定位布局、CSS图形、性能优化、CSS技巧，以及CSS的一些重要概念。除了正文部分，本书还包括两个附录，附录1介绍了HTML的进阶知识，附录2是作者结合实际工作和前端面试经验，精心挑选的前端面试题。 n
本书还配备了所有案例的源代码和PPT教学课件，以方便学校老师教学。本书适合作为前端开发人员的参考书，也可以作为大中专院校相关专业的教材及教学参考书。

目录

• 目录 n
• 第　1 章 基础知识　1 n
• 1．1　CSS 进阶简介　1 n
• 1．1．1　你真的精通CSS 吗　1 n
• 1．1．2　进阶教程简介　2 n
• 1．2　CSS 单位　3 n
• 1．2．1　绝对单位　3 n
• 1．2．2　相对单位　3 n
• 1．3　CSS 特性　11 n
• 1．3．1　继承性　11 n
• 1．3．2　层叠性　13 n
• 1．4　CSS 优先级　15 n
• 1．4．1　引用方式冲突　15 n
• 1．4．2　继承方式冲突　16 n
• 1．4．3　指定样式冲突　16 n
• 1．4．4　继承样式和指定样式冲突　19 n
• 1．4．5　!important　20 n
• 1．5　CSS 引用方式　22 n
• 1．5．1　外部样式表　23 n
• 1．5．2　内部样式表　23 n
• 1．5．3　行内样式表　24 n
• 1．6　CSS 选择器　25 n
• 1．6．1　后代选择器　26 n
• 1．6．2　子代选择器　27 n
• 1．6．3　兄弟选择器　28 n
• 1．6．4　相邻选择器　29 n
• 1．7　：first-letter 和：first-line　32 n
• 1．7．1　：first-letter 选择器　32 n
• 1．7．2　：first-line 选择器　32 n
• 第　2 章 CSS 规范　34 n
• 2．1　CSS 规范简介　34 n
• 2．2　命名规范　34 n
• 2．2．1　CSS 文件命名　35 n
• 2．2．2　id 和class 命名　35 n
• 2．3　书写规范　38 n
• 2．4　注释规范　40 n
• 2．4．1　顶部注释　40 n
• 2．4．2　模块注释　40 n
• 2．4．3　简单注释　41 n
• 2．5　CSS reset　41 n
• 2．5．1　什么是CSS reset　41 n
• 2．5．2　为什么要用CSS reset　42 n
• 2．5．3　如何使用CSS reset　42 n
• 第3　章 盒子模型　45 n
• 3．1　CSS 盒子模型　45 n
• 3．2　深入border　48 n
• 3．2．1　性能差异　48 n
• 3．2．2　兼容差异　48 n
• 3．3　深入padding　48 n
• 3．4　外边距叠加　50 n
• 3．4．1　外边距叠加的3 种情况　51 n
• 3．4．2　外边距叠加的意义　53 n
• 3．5　负margin 技术　54 n
• 3．5．1　负margin 简介　54 n
• 3．5．2　负margin 技巧　57 n
• 3．6　overflow　64 n
• 第4　章 display 属性　67 n
• 4．1　块元素和行内元素　67 n
• 4．1．1　块元素　67 n
• 4．1．2　行内元素　68 n
• 从0　到2 1 系列图书 目录 n
• 4．2　display 简介　69 n
• 4．2．1　block 元素　69 n
• 4．2．2　inline 元素　70 n
• 4．2．3　inline-block 元素　70 n
• 4．3　display：none　72 n
• 4．3．1　display：none 简介　72 n
• 4．3．2　display：none 和visibility：hidden 的 n
• 区别　73 n
• 4．4　display：table-cell　75 n
• 4．4．1　图片垂直居中于元素　75 n
• 4．4．2　等高布局　77 n
• 4．4．3　自动平均划分元素　79 n
• 4．5　去除inline-block 元素间距　80 n
• 第5　章 文本效果　84 n
• 5．1　文本效果简介　84 n
• 5．2　深入text-indent　84 n
• 5．3　text-align　87 n
• 5．3．1　text-align 起作用的元素　88 n
• 5．3．2　text-align：center; 与margin：0 n
• auto;　89 n
• 5．4　深入line-height　89 n
• 5．4．1　line-height 的定义　90 n
• 5．4．2　深入line-height　91 n
• 5．5　深入vertical-align　97 n
• 5．5．1　vertical-align 属性取值　97 n
• 5．5．2　vertical-align 属性应用　99 n
• 第6　章 表单效果　104 n
• 6．1　表单效果简介　104 n
• 6．2　深入radio 和checkbox　105 n
• 6．3　深入textarea　106 n
• 6．3．1　固定大小，禁用拖动　106 n
• 6．3．2　在Chrome（或Firefox）和IE 中 n
• 实现相同的外观　109 n
• 6．4　表单对齐　110 n
• 第7　章 浮动布局　113 n
• 7．1　正常文档流和脱离文档流　113 n
• 7．1．1　正常文档流　113 n
• 7．1．2　脱离文档流　114 n
• 7．2　深入浮动　116 n
• 7．3　浮动的影响　118 n
• 7．3．1　对自身的影响　119 n
• 7．3．2　对父元素的影响　119 n
• 7．3．3　对兄弟元素的影响　121 n
• 7．3．4　对子元素的影响　125 n
• 7．4　浮动的副作用　126 n
• 7．5　清除浮动　128 n
• 7．5．1　clear：both　128 n
• 7．5．2　overflow：hidden　130 n
• 7．5．3　：：after 伪元素　131 n
• 第8　章 定位布局　133 n
• 8．1　深入定位　133 n
• 8．1．1　子元素相对父元素定位　133 n
• 8．1．2　子元素相对祖先元素定位　136 n
• 8．2　z-index 属性　138 n
• 第9　章 CSS 图形　141 n
• 9．1　CSS 图形简介　141 n
• 9．2　三角形　142 n
• 9．2．1　CSS 实现三角形的原理　142 n
• 9．2．2　带边框的三角形　145 n
• 9．3　圆角与圆　148 n
• 9．3．1　border-radius 实现圆角　148 n
• 9．3．2　border-radius 实现半圆和圆　152 n
• 9．3．3　border-radius 的派生子属性　154 n
• 9．4　椭圆　155 n
• 9．5　图标制作　156 n
• 第　10 章 性能优化　164 n
• 10．1　CSS 优化简介　164 n
• 从0 到1 系列图书 目录　3 n
• 10．2　属性简写　165 n
• 10．2．1　盒模型简写　165 n
• 10．2．2　背景简写　167 n
• 10．2．3　字体简写　168 n
• 10．2．4　颜色值简写　168 n
• 10．3　语法压缩　169 n
• 10．3．1　空白符　169 n
• 10．3．2　结尾分号　169 n
• 10．3．3　url() 的引号　170 n
• 10．3．4　属性值为0　170 n
• 10．3．5　属性值为“以0 开头的小数”　171 n
• 10．3．6　合并相同的定义　171 n
• 10．3．7　利用继承进行合并　172 n
• 10．4　压缩工具　173 n
• 10．5　图片压缩　174 n
• 10．5．1　JPEG、PNG 和GIF　175 n
• 10．5．2　图片压缩　175 n
• 10．6　高性能选择器　175 n
• 10．6．1　选择器在浏览器中的解析原理　176 n
• 10．6．2　不同选择器的解析速度　176 n
• 第　11 章 CSS 技巧　178 n
• 11．1　水平居中　178 n
• 11．1．1　文本的水平居中　178 n
• 11．1．2　元素的水平居中　179 n
• 11．2　垂直居中　183 n
• 11．2．1　文本的垂直居中　183 n
• 11．2．2　元素的垂直居中　185 n
• 11．3　CSS Sprite　188 n
• 11．4　iconfont 图标　192 n
• 11．4．1　iconfont 网站　193 n
• 11．4．2　iconfont 技术　195 n
• 第　12 章 重要概念　202 n
• 12．1　CSS 中的重要概念　202 n
• 12．2　包含块（containing block）　202 n
• 12．2．1　什么是包含块　202 n
• 12．2．2　包含块的判定以及包含块的范围　203 n
• 12．3　层叠上下文（stacking context）　206 n
• 12．3．1　什么是层叠上下文　207 n
• 12．3．2　什么是层叠级别　207 n
• 12．3．3　层叠上下文的特点　208 n
• 12．4　BFC 和IFC　210 n
• 12．4．1　基本概念　210 n
• 12．4．2　什么是BFC　211 n
• 12．4．3　BFC 的用途　213 n
• 附录1　HTML 进阶 n
• 第１3　章 基础知识　222 n
• 13．1　HTML、XHTML 和HTML5　222 n
• 13．1．1　HTML 和XHTML　222 n
• 13．1．2　HTML5　223 n
• 13．2　div 和span　225 n
• 13．3　id 和class　226 n
• 13．3．1　id 属性　226 n
• 13．3．2　class 属性　226 n
• 13．4　浏览器标题栏小图标　227 n
• 第　14 章 语义化　229 n
• 14．1　语义化简介　229 n
• 14．2　标题语义化　231 n
• 14．3　图片语义化　232 n
• 14．3．1　alt 属性和title 属性　233 n
• 14．3．2　figure 元素和figcaption 元素　233 n
• 14．4　表格语义化　236 n
• 14．5　表单语义化　239 n
• 14．5．1　label 标签　239 n
• 从0　到4 1 系列图书 目录 n
• 14．5．2　fieldset 标签和legend 标签　241 n
• 14．6　其他语义化　242 n
• 14．6．1　换行符 n
• 　242 n
• 14．6．2　无序列表ul　243 n
• 14．6．3　strong 标签和em 标签　244 n
• 14．6．4　del 标签和ins 标签　245 n
• 14．6．5　img 标签　246 n
• 14．7　语义化验证　246 n
• 14．8　HTML5 舍弃的标签　248 n
• 附录2　前端面试题 n
• 选择题　251 n
• 问答题　257