CSS3艺术 网页设计案例实战PDF电子书下载
其他书籍
- 作 者:张偶着
- 出 版 社:
- 出版年份:2020
- ISBN:
- 页数:0 页
图书介绍: 查看图书目录点击购买PDF全本电子书 上一篇:微信小程序开发实战下一篇:梦回 《CSS3艺术 网页设计案例实战》目录 标签:实战 网页设计 案例 网页 艺术
第1章 CSS基础知识1
1.1 CSS简介2
1.2 在页面中应用CSS2
1.2.1 内联样式2
1.2.2 style元素3
1.2.3 link标记3
1.3 常用CSS属性一览4
1.4 选择器5
1.4.1 标签选择器5
1.4.2 类选择器6
1.4.3 后代选择器7
1.4.4 伪类选择器8
1.5 单位15
1.5.1 长度15
1.5.2 颜色17
1.6 盒模型21
1.6.1 内边距、边框和外边距21
1.6.2 box-sizing22
1.7 定位23
1.7.1 相对定位24
1.7.2 绝对定位25
1.8 布局26
1.8.1 flex布局26
1.8.2 grid布局30
1.9 重叠32
1.9.1 元素之间的重叠关系32
1.9.2 含有子元素的容器之间的重叠关系34
1.9.3 主元素与子元素(伪元素)之间的重叠关系35
1.10 继承和引用36
1.10.1 继承36
1.10.2 引用颜色37
1.10.3 引用尺寸39
第2章 伪元素40
2.1 ::before和::after伪元素41
2.2 content属性42
2.3 灵活使用伪元素44
2.3.1 用伪元素拼接造型44
2.3.2 用主元素和伪元素拼接造型45
2.3.3 用伪元素表现造型的一部分46
2.3.4 用主元素和伪元素表现造型的3个部分48
2.3.5 用伪元素表现成对的元素49
2.4 项目应用51
2.4.1 项目一:蒸锅51
2.4.2 项目二:怪兽55
第3章 边框63
3.1 边框属性64
3.1.1 边框样式border-style64
3.1.2 边框宽度border-width64
3.1.3 边框颜色border-color65
3.1.4 分别设置每条边框65
3.1.5 边框圆角border-radius66
3.1.6 轮廓线outline68
3.2 描边造型69
3.2.1 同心正方形70
3.2.2 同心圆70
3.2.3 圆弧71
3.3 几何造型72
3.3.1 圆形72
3.3.2 半圆形73
3.3.3 扇形74
3.3.4 三角形76
3.3.5 组合的花形77
3.4 项目应用78
3.4.1 项目一:铅笔78
3.4.2 项目二:宇宙飞船83
第4章 背景89
4.1 背景属性90
4.1.1 背景颜色background-color90
4.1.2 背景图片background-image91
4.1.3 背景位置background-position91
4.1.4 背景尺寸background-size92
4.1.5 背景平铺background-repeat93
4.2 线性渐变linear-gradient()94
4.2.1 多个参数值94
4.2.2 锐利的线性渐变95
4.2.3 线性渐变的角度95
4.2.4 有透明度的线性渐变96
4.3 径向渐变radial-gradient()96
4.3.1 多个参数值96
4.3.2 锐利的径向渐变97
4.3.3 椭圆和正圆97
4.3.4 有透明度的径向渐变98
4.4 项目应用99
4.4.1 项目一:熊猫99
4.4.2 项目二:雷达扫描105
第5章 阴影111
5.1 盒阴影box-shadow112
5.1.1 外部阴影112
5.1.2 内部阴影115
5.1.3 多重阴影116
5.1.4 复制自身的阴影117
5.2 形状阴影函数drop-shadow()118
5.3 项目应用120
5.3.1 项目一:日历120
5.3.2 项目二:飞机舷窗124
第6章 剪切、滤镜和色彩混合130
6.1 剪切clip-path131
6.1.1 矩形剪切inset()131
6.1.2 圆形剪切circle()132
6.1.3 椭圆形剪切ellipse()133
6.1.4 多边形剪切polygon()133
6.2 滤镜filter134
6.2.1 透明度滤镜opacity()135
6.2.2 模糊滤镜blur()135
6.2.3 色相滤镜hue-rotate()135
6.2.4 亮度滤镜brightness()136
6.2.5 对比度滤镜contrast()137
6.2.6 多重滤镜139
6.3 色彩混合139
6.3.1 multiply模式139
6.3.2 screen模式140
6.3.3 difference模式140
6.3.4 color-dodge模式141
6.4 项目应用141
6.4.1 项目一:莲花141
6.4.2 项目二:彭罗斯三角形145
第7章 变量与计数器151
7.1 变量152
7.1.1 声明和引用变量152
7.1.2 表达式155
7.1.3 批量描述一组元素的样式157
7.2 计数器159
7.2.1 计数器的声明、累加和读取159
7.2.2 计数器初始值和步长161
7.2.3 计数器的序列值161
7.2.4 用计数器设计一个字母表162
7.3 项目应用164
7.3.1 项目一:监控眼164
7.3.2 项目二:纸鹤168
第8章 变换173
8.1 变换函数174
8.1.1 平移函数translate()174
8.1.2 旋转函数rotate()176
8.1.3 缩放函数scale()178
8.1.4 扭曲函数skew()181
8.2 变换原点transform-origin184
8.3 多重变换187
8.4 项目应用189
8.4.1 项目一:炫彩旋臂189
8.4.2 项目二:两只鹦鹉192
第9章 缓动198
9.1 缓动属性199
9.1.1 持续时长transition-duration199
9.1.2 延时启动时长transition-delay200
9.1.3 参与缓动的属性transition-property200
9.1.4 时间函数transition-timing-function201
9.2 设置恢复效果204
9.3 令一组元素缓动205
9.4 对元素的不同状态进行交互设计206
9.4.1 获得焦点:focus206
9.4.2 选择选项:checked207
9.4.3 页内跳转:target208
9.5 项目应用209
9.5.1 项目一:彩虹209
9.5.2 项目二:两颗爱心213
第10章 动画219
10.1 动画属性220
10.1.1 语法结构220
10.1.2 持续时长animation-duration221
10.1.3 延时启动时长animation-delay222
10.1.4 时间函数animation-timing-function224
10.1.5 播放次数animation-iteration-count224
10.1.6 变化方向animation-direction225
10.1.7 填充模式animation-fill-mode226
10.1.8 播放状态animation-play-state228
10.1.9 多个动画效果叠加229
10.2 关键帧@keyframes230
10.2.1 from…to…关键帧230
10.2.2 百分比关键帧231
10.2.3 循环效果231
10.2.4 静止效果233
10.2.5 关键帧的缺点234
10.3 不同属性的动画效果235
10.3.1 边框动画235
10.3.2 背景动画236
10.3.3 阴影动画237
10.3.4 剪切动画238
10.3.5 变换动画239
10.4 项目应用240
10.4.1 项目一:乒乓球对打240
10.4.2 项目二:徘徊的果冻怪兽244
第11章 CSS造型创意250
11.1 螺旋形状的盘式蚊香251
11.2 倒圆锥形状的热气球256
11.3 逼真金属质感的笔记本电脑261
11.4 用典型特征塑造的卓别林形象266
第12章 CSS动画创意272
12.1 层叠起伏的海浪273
12.2 天体运转模型277
12.3 充满秩序美的队列变色旋转动画283
12.4 几何光学引起的咖啡馆墙壁错觉动画287
第13章 文字特效创意292
13.1 撕纸文字293
13.2 牛奶文字296
13.3 闪光的霓虹文字300
13.4 立体的阶梯文字306
附录 CSS色彩名称对照表312
相关图书
- 《国家社科基金项目申报规范 技巧与案例 第3版 2020》文传浩,夏宇编着 2019
- 《指向核心素养 北京十一学校名师教学设计 英语 七年级 上 配人教版》周志英总主编 2019
- 《Maya 2018完全实战技术手册》来阳编着 2019
- 《设计十六日 国内外美术院校报考攻略》沈海泯着 2018
- 《Python3从入门到实战》董洪伟 2019
- 《计算机辅助平面设计》吴轶博主编 2019
- 《高校转型发展系列教材 素描基础与设计》施猛责任编辑;(中国)魏伏一,徐红 2019
- 《景观艺术设计》林春水,马俊 2019
- 《大数据Hadoop 3.X分布式处理实战》吴章勇,杨强 2020
- 《星空摄影后期实战》阿五在路上着 2020
作者其它书籍
- 《云南民众消费史研究 1911-1949版》蒋枝偶着 2018
- 《CSS3艺术 网页设计案例实战》张偶着 2020
- 《读文学系列 018 二缐四星》奈娜偶着 2004
- 《世态讥弹 诗配画》丁聪绘,池北偶着 2009
- 《多刺的玫瑰》池北偶着 1981
- 《四老讽世诗画 池北偶与漫画三剑客》池北偶着 2014
- 《冷嘲热讽集》池北偶着;华君武等配画 1994
- 《世态万象 池北偶自选讽刺诗三百首》池北偶着;华君武,丁聪等插图 2007
- 《九十老搭档》池北偶着;方成绘 2012
- 《海外奇谈》池北偶着;方成,朱根华等绘 2000
出版社其它书籍
本类热门
- 1变通 受用一生的学问
- 2额尔古纳河右岸
- 3易经真的很容易
- 4海蒂怀孕大百科 全新第4版
- 5八次危机 中国的真实经验1949-2009
- 6法治的细节
- 7你是你吃出来的
- 8蛤蟆先生的希望
- 9杀死一只知更鸟
- 10天幕红尘
摘要:本文以《CSS3艺术 网页设计案例实战.pdf电子书版文档下载》为中心,详细阐述了该电子书在CSS3艺术网页设计领域的实用性和实战性。通过分析其内容结构、案例实战、学习方法和应用前景,为读者提供了一份全面了解CSS3艺术网页设计的指南。
1、内容结构
《CSS3艺术 网页设计案例实战.pdf电子书版文档下载》以CSS3技术为核心,分为基础篇、实战篇和进阶篇三个部分。基础篇主要介绍CSS3的基本语法、常用属性和布局技巧;实战篇通过精选案例,展示如何运用CSS3实现各种创意效果;进阶篇则深入探讨CSS3的高级特性,如动画、过渡、媒体查询等。
电子书结构清晰,逻辑严谨,便于读者循序渐进地学习CSS3艺术网页设计。每个章节都配有丰富的实例和代码,帮助读者更好地理解和掌握知识。
此外,电子书还提供了大量的在线资源,如视频教程、代码示例和在线工具,方便读者在学习和实践中不断拓展自己的技能。
2、案例实战
《CSS3艺术 网页设计案例实战.pdf电子书版文档下载》精选了多个具有代表性的案例,涵盖了网页设计中的各个方面,如导航栏、轮播图、响应式布局、动画效果等。每个案例都详细介绍了设计思路、实现方法和代码解析,让读者能够轻松上手。
案例实战部分不仅展示了CSS3技术的魅力,还强调了设计感和用户体验的重要性。通过学习这些案例,读者可以提升自己的审美能力和实战技能,为今后的网页设计工作打下坚实基础。
此外,电子书还提供了丰富的拓展案例,让读者在掌握基本技能的基础上,进一步拓展自己的设计思路和创意。
3、学习方法
《CSS3艺术 网页设计案例实战.pdf电子书版文档下载》针对不同层次的读者,提供了多种学习方法。对于初学者,电子书从基础语法入手,逐步深入,帮助读者建立起完整的知识体系;对于有一定基础的读者,电子书则侧重于实战技能的培养,通过案例解析和代码实战,提升读者的设计能力。
电子书还强调了实践的重要性,鼓励读者在学习和工作中不断尝试和探索。通过实际操作,读者可以加深对CSS3技术的理解,提高自己的设计水平。
此外,电子书还提供了在线交流平台,让读者在遇到问题时能够及时得到解答,共同进步。
4、应用前景
随着互联网的快速发展,CSS3技术在网页设计领域的应用越来越广泛。掌握CSS3艺术网页设计技能,将为读者在职场竞争中增添优势。
《CSS3艺术 网页设计案例实战.pdf电子书版文档下载》所涵盖的知识和技能,不仅适用于网页设计师,还适用于前端开发人员、UI设计师等职业。通过学习该电子书,读者可以拓宽自己的职业发展道路,实现个人价值。
此外,随着移动设备的普及,响应式网页设计成为趋势。掌握CSS3技术,可以帮助读者更好地应对这一挑战,提升自己的竞争力。
总结:
《CSS3艺术 网页设计案例实战.pdf电子书版文档下载》是一本实用性极强的CSS3艺术网页设计教程。通过详细阐述内容结构、案例实战、学习方法和应用前景,为读者提供了一份全面了解CSS3艺术网页设计的指南。学习该书,有助于提升读者的设计技能和实战能力,为今后的职业发展奠定坚实基础。
本文由nayona.cn整理
该网站所有的联系方式,都是工作人员微信,加不上就联系其他号, 联系我们v;shuij56
