资源名称:CSS高效开发实战

内容简介:

想象一下,一个网页只有HTML,没有CSS,那就是素颜和上妆的区别。而一个网页只有CSS,没用CSS 3,那就是马车和汽车的区别!汽车代表的是高效、美观,CSS 3的意图也是如此。移动设备的流行导致了响应式设计的流行,而CSS 3正是实现这种设计的精髓。《CSS高效开发实战——CSS 3、LESS、SASS、Bootstrap、Foundation》围绕的就是如何跨浏览器、跨设备进行高效率的CSS开发。

《CSS高效开发实战——CSS 3、LESS、SASS、Bootstrap、Foundation》分为3部分:第1部分是HTML/CSS基础和CSS 3新特性演示,涵盖盒子模型、浮动布局、属性前缀、选择器、字体、边框、背景、颜色、变换、动画、弹性盒子、媒介查询和响应式设计等多个方面;第2部分介绍Bootstrap、Foundation、Pure等当前流行的CSS框架及LESS、SASS等生产力工具;第3部分是实战案例,包括DIV+CSS案例、HTML 5+CSS 3案例、Bootstrap案例和Foundation案例。

《CSS高效开发实战——CSS 3、LESS、SASS、Bootstrap、Foundation》内容精练、重点突出、实例丰富、讲解通俗,是广大CSS设计人员和前端开发人员必备的参考书,同时也非常适合大中专院校师生学习阅读,也可作为高等院校计算机及相关培训机构的教材使用。

资源目录:

第一篇 揭开CSS 3的面纱

第1章 CSS 3与现代Web标准 2

1.1 未来Web标准的发展 2

1.1.1 “去Adobe”化 2

1.1.2 基础功能集成 3

1.1.3 客户端执行更多的逻辑和渲染任务 3

1.1.4 适应移动设备的发展 3

1.2 什么是CSS 3 3

1.3 CSS 3的特性 4

1.3.1 圆角 4

1.3.2 阴影 4

1.3.3 渐变 5

1.3.4 变换 5

1.3.5 动画 6

1.3.6 媒介查询 6

1.4 检测浏览器是否支持CSS 3 7

1.4.1 使用Modernizr检测支持CSS 3 7

1.4.2 支持CSS 3的浏览器 8

1.5 用CSS 3实现的优秀网页 9

1.6 小结 10

第2章 温故知新——HTML、CSS基础 11

2.1 W3C标准、HTML语言和CSS 11

2.1.1 W3C组织与W3C标准 11

2.1.2 什么是HTML 12

2.1.3 什么是CSS 13

2.1.4 HTML+CSS之最佳拍档 13

2.2 不可不知的CSS盒子模型 14

2.3 跨浏览器的CSS 15

2.4 理解浏览器的属性前缀 16

2.4.1 常用的属性前缀 16

2.4.2 属性前缀的排序 17

2.5 揭开浮动布局的秘密 17

2.5.1 浮动导致的布局变动 17

2.5.2 清除浮动 20

2.6 看穿CSS的定位技术 21

2.6.1 相对定位技术与实战 21

2.6.2 绝对定位技术与实战 22

2.7 小结 24

第3章 使用CSS选择器让样式表更健壮 25

3.1 基础选择器 25

3.1.1 标签选择器 25

3.1.2 类选择器 26

3.1.3 id选择器 27

3.1.4 通配符选择器 27

3.1.5 子元素选择器 28

3.1.6 后代元素选择器 28

3.1.7 相邻元素选择器 29

3.1.8 属性选择器 30

3.1.9 组选择器 30

3.1.10 复合选择器 31

3.2 伪类选择器 32

3.2.1 结构化伪类 32

3.2.2 目标伪类:target 39

3.2.3 状态伪类 39

3.2.4 否定伪类:not(S) 40

3.3 实战演练——选择器 41

3.3.1 伪类选择器的实战——新闻聚合类网页 41

3.3.2 基础选择器的组合实战——新闻聚合类网页 43

3.4 小结 44

第4章 设计更炫目的字体 45

4.1 添加和使用自定义字体 45

4.1.1 传统的字体定义 45

4.1.2 个性化的字体定义 46

4.1.3 个性化的字体图标 46

4.2 使用反射让文字倒映 47

4.2.1 反射的基本语法 47

4.2.2 变幻多端的反射效果实例 48

4.3 字体阴影——光晕、浮雕、投影效果 49

4.4 字体描边 50

4.5 字体分栏——让网页像报纸一样分栏排版 51

4.6 实战演练——处理字体溢出和破字 53

4.7 小结 54

第5章 背景和颜色 55

5.1 设定背景图的大小 55

5.2 利用图层叠加实现多背景 57

5.3 使用图片背景的origin和clip属性 58

5.3.1 background-origin属性 58

5.3.2 background-clip属性 59

5.4 颜色模式 60

5.4.1 RGBA模式 60

5.4.2 HSLA模式 61

5.5 透明颜色 62

5.6 语法糖——currentColor属性 63

5.7 渐变——放弃图片的首选良方 63

5.7.1 线性渐变 63

5.7.2 放射渐变 65

5.8 实战演练——渐变效果 67

5.8.1 带有立体凸起效果的按钮 67

5.8.2 构造尺寸更灵活的背景 68

5.8.3 使用放射渐变制作光影效果 68

5.9 小结 69

第6章 更个性的边框 71

6.1 圆角边框 71

6.1.1 圆角边框的基本用法 71

6.1.2 使用百分比作为单位 72

6.1.3 设置不同弧度的圆角 73

6.2 边框阴影 73

6.2.1 内外阴影 74

6.2.2 偏移量 75

6.2.3 阴影尺寸 76

6.2.4 模糊距离 76

6.3 图片边框——让图片环绕在元素周围 77

6.4 通过resize属性来改变输入框的大小 79

6.5 实战演练——CSS 3边框效果 80

6.5.1 边框圆角在Bootstrap和淘宝网中的应用 80

6.5.2 边框阴影在苹果官网中的应用 80

6.6 小结 81

第7章 变换和动画 83

7.1 CSS 3的变换类型 83

资源截图:

1.png

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源