章
目
录
本文提供《CSS揭秘》pdf电子书免费下载,支持百度网盘和夸克网盘两种方式下载,非常适合刚学前端的朋友去参考。
一、书籍基础信息
《CSS揭秘》的作者是来自希腊的Lea Verou,她在CSS领域那可是相当有分量。身为W3C CSS工作组特邀专家,她参与了CSS语言的设计工作,之前还在W3C担任开发者代言人,现在在麻省理工学院搞人机交互领域的研究。她不仅写博客分享技术,还经常在国际技术会议上讲课,创建的多个开源项目深受开发者喜爱。
这本书的译者是CSS魔法,原名张鹏,也是国内响当当的CSS技术专家,在百姓网担任前端架构师。他有着近十年的网站开发经验,在移动前端这块造诣很深,还搞了CMUI、Action、GHX等开源项目,为不少知名网站和项目翻译过文档,博客写得生动有趣,演讲也很受欢迎。
《CSS揭秘》由人民邮电出版社出版,属于图灵程序设计丛书·Web开发系列。这个系列里好书可不少,像《Ajax与PHP基础教程》《深入浅出JavaScript》等,都是Web开发学习路上的得力助手。本书2016年4月出版,共260页,定价99元,采用平装装帧,ISBN为9787115416940。它在豆瓣上的评分高达9.4,这分数相当亮眼,说明读者对它的认可度超高。
二、书籍核心内容
(一)引言
开篇引言部分,作者探讨了Web标准相关的话题,这部分内容就像是给读者指明了方向,让大家清楚知道在现代CSS开发中面临的挑战,不再是绕过那些浏览器的小bug,而是要在保证代码可维护、灵活、轻量并且符合标准的前提下,把CSS特性转化为网页设计的创意,而这正是这本书的核心所在。
(二)背景与边框
在“背景与边框”章节,作者分享了8个超实用的CSS技巧。比如半透明边框,让你轻松实现带有透明度的边框效果;多重边框技巧,能帮你给元素添加多层边框,丰富页面样式;灵活的背景定位,教你精准控制背景图片的位置;
(三)形状
“形状”这一章也很精彩,包含6种不同形状效果的实现技巧。自适应的椭圆,不管页面怎么变化,椭圆都能自适应调整;平行四边形、菱形图片、切角效果、梯形标签页这些技巧,可以让你设计出各种独特形状的元素,让页面布局更有个性;
(四)视觉效果
想要页面有酷炫的视觉效果?“视觉效果”章节有5个技巧满足你。单侧投影和不规则投影,让元素的投影不再单调,增加页面的立体感和层次感;染色效果可以改变图片或元素的颜色风格;毛玻璃效果现在很流行,能让页面有朦胧的美感;
(五)字体排印
文本排版也很重要,“字体排印”章节就聚焦于此,介绍了9种技巧。连字符断行和插入换行,能让文本的换行更符合阅读习惯;文本行的斑马条纹,给文本行添加不同颜色,方便阅读;调整tab的宽度,让tab键的缩进更合理;
(六)用户体验
用户体验是网页设计的关键,“用户体验”章节给出了7个提升用户体验的技巧。选用合适的鼠标光标,能让用户操作更直观;扩大可点击区域,避免用户误操作;自定义复选框,让表单元素更美观;通过阴影或模糊来弱化背景,突出前景内容;
(七)结构与布局
在“结构与布局”章节,作者分享了7个布局相关的技巧。自适应内部元素,确保元素能根据容器大小自动调整;精确控制表格列宽,让表格布局更规整;根据兄弟元素的数量来设置样式,实现一些特殊的布局效果;满幅的背景、定宽的内容,这种布局在很多网站都很常见;垂直居中一直是前端开发的难题,这里有解决方案;
(八)过渡与动画
最后“过渡与动画”章节,介绍了6种动画效果的实现技巧。缓动效果让动画更自然流畅;逐帧动画可以制作出复杂的动画效果;闪烁效果、打字动画、状态平滑的动画和沿环形路径平移的动画。
三、写在最后
《CSS揭秘》是一本不可多得的好书。它从实际应用出发,用47个CSS技巧,涵盖了网页设计的各个方面,帮助前端开发者解决日常遇到的各种样式难题。有想要提供自己css技能的可以下载学习了!