![]()
作者简介 张偶,网络笔名@comehope,20世纪末触网,被Web的无穷魅力所俘获,自此始终战斗在Web开发第一线。常年出没在SegmentFault、CodePen、GitHub等技术社区,是SegmentFault社区年度榜排名前10位的作者,亦是CodePen社区非常受欢迎的国内开发者之一。近年来实践PBL(project-based learning)方法,潜心研究CSS和数据可视化,积累了大量心得体会。 目录 第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 项目一:蒸锅 第3章 边框 第4章 背景 第5章 阴影 第6章 剪切、滤镜和色彩混合 第7章 变量与计数器 第8章 变换 第9章 缓动 第10章 动画 第11章 CSS造型创意 第12章 CSS动画创意 第13章 文字特效创意 附录CSS色彩名称对照表 内容推荐 CSS(层叠样式表)具有很强的视觉表达能力,专门用于解决网页界面视觉问题。例如一大段用JavaScript实现的动画程序,只需要几行CSS代码就可以表达清楚。在前端开发过程中,要想开发出风格独特、具有吸引力的网页界面,需要工程师兼具CSS编程开发技能和艺术设计能力。 本书以CSS3版本为平台,使用大量生动、美观的实例,系统地剖析了CSS与视觉效果相关的重要语法。全书分为13章,第1章回顾基础知识,第2章~第10章介绍了CSS3的伪元素,边框,背景,阴影,剪切、滤镜和色彩混合,变量与计数器,变换,缓动,动画等在视觉展现方面的内容,第11章~第13章探讨了cSS3在造型创意、动画创意和文字特效创意方面的设计思路。 本书适合所有对网页设计和网页开发感兴趣的读者阅读,包括且不限于网页设计师、前端工程师和后端工程师。 |