CSS3艺术 网页设计案例实战 web前端开发 网页制作 动态网页制作网站建设书 CSS动画创意文字特效创意设计思路CSS3艺术设计技巧书.

基本信息

书名: CSS3艺术 网页设计案例实战

作者: 张偶

出版时间: 2020年1月

定价: 89.(咨询特价)

ISBN编号: (咨询特价)

开本: 16开

是否是套装: 否

出版社名称: 人民邮电出版社

本书以 CSS3 版本为平台，使用大量生动、美观的实例，系统地剖析了 CSS 与视觉效果相关的重要语法。全书分为13章，*1章回顾基础知识，*2章～*10章介绍了 CSS3 的伪素，边框，背景， 阴影，剪切、滤镜和色彩混合，变量与计数器，变换、缓动、动画等在视觉展现方面的内容，第 11 章～*13 章探讨了 CSS3 在造型创意、动画创意和文字特效创意方面的设计思路。

第 1 章　CSS 基础知识
1.1　CSS 简介
1.2　在页面中应用CSS
1.2.1　内联样式
1.2.2　style 素
1.2.3　link 标记
1.3　常用CSS 属性一览
1.4　选择器
1.4.1　标签选择器
1.4.2　类选择器
1.4.3　后代选择器
1.4.4　伪类选择器
1.5　单位
1.5.1　长度
1.5.2　颜色
1.6　盒模型
1.6.1　内边距、边框和外边距
1.6.2　box-sizing
1.7　定位
1.7.1　相对定位
1.7.2　*对定位
1.8　布局
1.8.1　flex 布局
1.8.2　grid 布局
1.9　重叠
1.9.1　素之间的重叠关系
1.9.2　 含有子素的容器之间的重叠关系
1.9.3　 主素与子素（伪素）之间的重叠关系
1.10　继承和引用
1.10.1　继承
1.10.2　引用颜色
1.10.3　引用尺寸

第 2 章　伪素
2.1　::before 和::after 伪素
2.2　content 属性
2.3　灵活使用伪素
2.3.1　用伪素拼接造型
2.3.2　用主素和伪素拼接造型
2.3.3　用伪素表现造型的一部分
2.3.4　 用主素和伪素表现造型的3 个部分
2.3.5　用伪素表现成对的素
2.4　项目应用
2.4.1　项目一：蒸锅
2.4.2　项目二：怪兽
第3 章　边框
3.1　边框属性
3.1.1　边框样式border-style
3.1.2　边框宽度border-width
3.1.3　边框颜色border-color
3.1.4　分别设置每条边框
3.1.5　边框圆角border-radius
3.1.6　轮廓线outline
3.2　描边造型
3.2.1　同心正方形
3.2.2　同心圆
3.2.3　圆弧
3.3　几何造型
3.3.1　圆形
3.3.2　半圆形
3.3.3　扇形
3.3.4　三角形
3.3.5　组合的花形
3.4　项目应用
3.4.1　项目一：铅笔
3.4.2　项目二：宇宙飞船
第4 章　背景
4.1　背景属性
4.1.1　背景颜色background-color
4.1.2　背景图片background-image
4.1.3　 背景位置backgroundposition
4.1.4　背景尺寸background-size
4.1.5　 背景平铺backgroundrepeat
4.2　线性渐变linear-gradient()
4.2.1　多个参数值
4.2.2　锐利的线性渐变
4.2.3　线性渐变的角度
4.2.4　有透明度的线性渐变
4.3　径向渐变radial-gradient()
4.3.1　多个参数值
4.3.2　锐利的径向渐变
4.3.3　椭圆和正圆
4.3.4　有透明度的径向渐变
4.4　项目应用
4.4.1　项目一：熊猫
4.4.2　项目二：雷达扫描
第5 章　阴影
5.1　盒阴影box-shadow
5.1.1　外部阴影
5.1.2　内部阴影
5.1.3　多重阴影
5.1.4　复制自身的阴影
5.2　形状阴影函数drop-shadow()
5.3　项目应用
5.3.1　项目一：日历
5.3.2　项目二：飞机舷窗
第6 章　剪切、滤镜和色彩混合
6.1　剪切clip-path
6.1.1　矩形剪切inset()
6.1.2　圆形剪切circle()
6.1.3　椭圆形剪切ellipse()
6.1.4　多边形剪切polygon()
6.2　滤镜filter
6.2.1　透明度滤镜opacity()
6.2.2　模糊滤镜blur()
6.2.3　色相滤镜hue-rotate()
6.2.4　亮度滤镜brightness()
6.2.5　对比度滤镜contrast()
6.2.6　多重滤镜
6.3　色彩混合
6.3.1　multiply 模式
6.3.2　screen 模式
6.3.3　difference 模式
6.3.4　color-dodge 模式
6.4　项目应用
6.4.1　项目一：莲花
6.4.2　项目二：彭罗斯三角形

第7 章　变量与计数器
7.1　变量
7.1.1　声明和引用变量
7.1.2　表达式
7.1.3　批量描述一组素的样式
7.2　计数器
7.2.1　计数器的声明、累加和读取
7.2.2　计数器初始值和步长
7.2.3　计数器的序列值
7.2.4　用计数器设计一个字母表
7.3　项目应用
7.3.1　项目一：监控眼
7.3.2　项目二：纸鹤

第8 章　变换
8.1　变换函数
8.1.1　平移函数translate()
8.1.2　旋转函数rotate()
8.1.3　缩放函数scale()
8.1.4　扭曲函数skew()
8.2　变换原点transform-origin
8.3　多重变换
8.4　项目应用
8.4.1　项目一：炫彩旋臂
8.4.2　项目二：两只鹦鹉

第9 章　缓动
9.1　缓动属性
9.1.1　 持续时长transitionduration
9.1.2　 延时启动时长transitiondelay
9.1.3　 参与缓动的属性transitionproperty
9.1.4　 时间函数transition-timingfunction
9.2　设置恢复效果
9.3　令一组素缓动
9.4　对素的不同状态进行交互设计
9.4.1　获得焦点:focus
9.4.2　选择选项:checked
9.4.3　页内跳转:target
9.5　项目应用
9.5.1　项目一：彩虹
9.5.2　项目二：两慨心
第 10 章　动画
10.1　动画属性
10.1.1　语法结构
10.1.2　 持续时长animationduration
10.1.3　 延时启动时长animationdelay
10.1.4　 时间函数animation-timingfunction
10.1.5　 播放次数animation-iterationcount
10.1.6　 变化方向animationdirection
10.1.7　 填充模式animation-fillmode
10.1.8　 播放状态animation-playstate
10.1.9　多个动画效果叠加
10.2　关键帧@keyframes
10.2.1　from...to... 关键帧
10.2.2　百分比关键帧
10.2.3　循环效果
10.2.4　静止效果
10.2.5　关键帧的缺点
10.3　不同属性的动画效果
10.3.1　边框动画
10.3.2　背景动画
10.3.3　阴影动画
10.3.4　剪切动画
10.3.5　变换动画
10.4　项目应用
10.4.1　项目一：乒乓球对打
10.4.2　 项目二：徘徊的果冻怪兽
第 11 章　CSS 造型创意
11.1　螺旋形状的盘式蚊香
11.2　倒圆锥形状的热气球
11.3　逼真金属质感的笔记本电脑
11.4　用典型特征塑造的卓别林形象
第 12 章　CSS 动画创意
12.1　层叠起伏的海浪
12.2　天体运转模型
12.3　 充满秩序美的队列变色旋转动画
12.4　 几何光学引起的咖啡馆墙壁错觉动画
第 13 章　文字特效创意
13.1　撕纸文字
13.2　牛奶文字
13.3　闪光的霓虹文字
13.4　立体的阶梯文字
附录　CSS 色彩名称对照表


张偶，拥有Web开发近20年工作经验，现为互联网公司web开发主管。曾入选 SegmentFault 社区年度榜排名前3位，亦是 CodePen 社区较受欢迎的国内*发者之一。近年来实践 PBL（project-based learning）学习方法，潜心研究 CSS 艺术设计，积累了大量心得体会。

190个经典网页设计实例，重难点细致拆解，扫码看视频，全彩印刷 _310x310.jpg