CSS创意项目实践
"12个CSS创意项目助你逐步提升CSS技能。扫描封底二维码获取书中示例的完整代码和彩图。 另外,可扫描封底二维码以下载彩图。 "

作者:[美] 玛蒂娜·道登(Martine Dowden) [英]迈克尔·基隆(Michael Gearon)著 殷海英 译

丛书名:Web开发与设计

定价:98元

印次:1-1

ISBN:9787302659808

出版日期:2024.05.01

印刷日期:2024.05.22

图书责编:王军

图书分类:零售

电子书
在线购买
分享
内容简介
作者简介
前言序言
资源下载
查看详情 查看详情 查看详情

主要内容 ● 利用关键帧创建动画 ● 使用网格和Flexbox等布局技巧 ● 对表单元素进行样式化,包括单选按钮 ● 嵌入字体以及与排版相关的样式 ● 利用伪元素和媒体查询进行条件样式化

Martine Dowden是一位作家、演讲者和能力卓越的首席技术官。Michael Gearon是一位用户体验设计师和前端开发者,曾与许多知名品牌合作过。

关 于 本 书 本书通过12个项目逐步引导设计师和开发者学习CSS。 本书目标读者 本书适合已掌握HTML和前端开发基础知识的读者。读者不需要具备CSS经验。无论是初学者还是经验丰富的编码人员,都可以通过本书深入理解CSS。与其呈现CSS的理论视角,不如在每一章中将CSS的不同部分应用到一个个不同的项目中,以实际演示CSS的工作原理。 本书组织结构:路线图 本书共有12章,每一章涵盖一个独立的项目。 ● 第1章,“CSS介绍”——该章的项目引导读者了解CSS的基础知识,并探讨层叠、特异性和选择器。 ● 第2章,“使用CSS 网格设计布局”——该章通过为一篇文章设计布局来探索CSS网格,同时深入研究网格轨道、minmax()、repeat函数和分数单位等概念。 ● 第3章,“制作响应式动画加载界面”——该项目利用CSS制作了一个响应式的动画加载界面,并使用可伸缩的矢量图形和动画效果来美化HTML进度条。 ● 第4章,“创建响应式新闻网站布局”——该章重点是设计一个多列响应式新闻网站布局。该章深入探讨CSS多列布局模块、计数样式、图像加载失败处理,以及如何通过媒体查询来调整布局。 ● 第5章,“悬停互动的摘要卡片”——该项目通过利用背景图像创建一系列卡片,使用悬停效果来展示内容,并通过媒体查询来检查功能和浏览器窗口大小。 ● 第6章,“制作个人资料卡片”——该章的项目旨在制作一张个人资料卡片,涉及自定义属性、背景渐变等,同时探索如何设置图像大小以及使用Flexbox进行布局。 ● 第7章,“充分利用浮动特性”——该章展示了CSS浮动的强大功能...

暂无课件

暂无样章

暂无网络资源

扫描二维码
下载APP了解更多

目录
荐语
查看详情 查看详情

目    录

第1章  CSS介绍 1

1.1  CSS概述 1

1.1.1  关注点分离 1

1.1.2  什么是CSS 3

1.2  通过创建文章布局开始学习CSS 3

1.3  向HTML添加CSS 7

1.3.1  内联CSS 7

1.3.2  嵌入式CSS 9

1.3.3  外部CSS 10

1.4  CSS中的层叠 11

1.4.1  用户代理样式表 11

1.4.2  作者样式表 12

1.4.3  用户样式表 12

1.4.4  CSS重置 12

1.4.5  标准化器 14

1.4.6  !important注释 15

1.5  CSS中的特异性 15

1.6  CSS选择器 17

1.6.1  基本选择器 17

1.6.2  组合器 20

1.6.3  伪类选择器和伪元素选择器 25

1.6.4  属性值选择器 28

1.6.5  通用选择器 29

1.7  编写CSS的不同方式 30

1.7.1  简写属性 30

1.7.2  格式化 32

1.8  本章小结 33

第2章  使用CSS网格设计布局 35

2.1  CSS网格 35

2.2  显示网格 39

2.3  网格轨道和线条 41

2.3.1  重复列 42

2.3.2  minmax()函数 42

2.3.3  auto关键词 42

2.3.4  分数(fr)单位 43

2.4  网格模板区域 45

2.4.1  grid-area属性 47

2.4.2  gap属性 49

2.5  媒体查询 50

2.6 ...

"CSS创意项目实践
不要局限于制作平淡无奇的网页!借助CSS,你可以掌控色彩、布局和排版,让网页不仅功能出众,还富有美感。对于前端开发者和设计师来说,CSS是一项必须掌握的技能。本书将帮助你以正确的方式入门,迈出坚实的第一步。
《CSS创意项目实践》将引导你完成12个CSS创意项目,并帮助你逐步提升CSS技能。每个有趣的挑战都以可下载的HTML框架开始。你将运用自己的设计理念来完善它们,并在探索过程中逐渐掌握CSS中的关键概念,包括过渡效果、布局和表单样式等。你还将深入研究一些强大的特性,如Flexbox和网格布局。你从本书中学到的所有技能都可以轻松应用到大型应用程序中。学完本书后,你将收获一系列炫酷的作品,可随时将其用于你的下一个项目。
"