CSS3高级布局技巧：实现响应式设计

4星 · 超过85%的资源需积分: 9 169 浏览量更新于2024-07-20 收藏 11.71MB PDF 举报

"《Pro CSS3 Layout Techniques》是一本由Sam Hampton-Smith撰写的权威指南，专注于利用CSS3的最新布局工具来创建高级网站和应用设计。本书深入探讨了CSS3的最新特性，包括那些已经被广泛采用的部分和W3C仍在开发的未来模块，让读者能够掌握如何在不依赖复杂脚本或临时解决方案的情况下，构建出高度响应式和复杂的布局。在CSS1和CSS2.1的时代，尽管内容和表现分离的理念得以确立，并支持了高级排版控制，但关于布局的控制能力仍然有限。CSS3的革新性扩展提供了对响应式设计的强大支持，设计师们可以创建出以前仅靠CSS2.1无法实现的复杂布局。随着浏览器厂商竞相实施W3C的最新建议，本书不仅帮助读者了解当前可用的技术，还教导他们为CSS3的未来发展做好准备。作者Sam Hampton-Smith以其在Web开发领域的专家之声，引领读者探索CSS3布局技术的精髓，包括Flexbox、Grid、Positioning、Media Queries等关键技术的运用，以及如何灵活应对不同设备和屏幕尺寸。通过实例分析和实践项目，读者将学会如何利用这些工具创造出适应各种场景的优雅设计。本书具有硬拷贝（ISBN-13: 978-1-4302-6502-3）和电子版（ISBN-13: 978-1-4302-6503-0）供选择，版权属于Sam Hampton-Smith，确保所有内容受到法律保护。读者在引用时需遵守版权规定，仅限于学术评论或教学用途。《Pro CSS3 Layout Techniques》是一本实用的资源，对于任何希望提升CSS3布局技能的开发者和设计师来说，无论是为了满足当前项目需求还是为未来的趋势布局，都是一份不可或缺的参考资料。"

About the Technical Reviewer

Jeffrey Sambells is a graphic designer and self-taught web applications developer best known for his unique

ability to merge the visual world of graphics with the mental realm of code. With a bachelor of technology

degree in graphic communications management along with a minor in multimedia, Jeffrey was originally

trained for the traditional paper-and-ink printing industry, but he soon realized the world of pixels and

code was where his ideas would prosper. In late 1999, he cofounded We-Create, Inc., an Internet software

company based in Waterloo, Ontario, which began many long nights of challenging and creative innovation.

Currently, as director of research and development for We-Create, Jeffrey is responsible for investigating

new and emerging Internet technologies and integrating them using web standards-compliant methods.

In late 2005, he also became a Zend Certified Engineer. When not playing at the office, Jeffrey enjoys a

variety of hobbies from photography to woodworking. When the opportunity arises, he also enjoys floating

in a canoe on the lakes of Algonquin Provincial Park or going on an adventurous, map-free, drive with his

wife. Jeffrey also maintains a personal web site at JeffreySambells.com, where he shares thoughts, ideas, and

opinions about web technologies, photography, design, and more. He lives in Ontario, Canada, with his wife,

Stephanie, his daughter, Addison, and their little dog, Milo.

www.it-ebooks.info

Introduction

In the mid 1990s, I was working for a bank when I heard about a new, exciting, emerging technology: the

World Wide Web. Feeling a sense of great anticipation, I spent my entire month’s salary on a PC so I could

experience it for myself. My partner had a small explosion at my profligacy, but I had a real sense at the time

that the Web was going to blossom into perhaps the most exciting, creative medium we had yet seen.

I wanted to be riding that wave!

A matter of a few short years later, I was working full-time as a web designer and developer, and the

trend was already starting to move away from table-based design layout toward a new, emerging technology:

CSS. I can remember espousing the benefits of this innovation to my colleagues at the time and feeling

genuinely excited for the future of design on the Web. Of course, the earliest versions of CSS were more

about transferring stylistic control from HTML to a separate document, but the seeds of possibility were

sown and captured my imagination.

I hope you will enjoy a similar journey while reading this book. CSS has come a long way since those

early days. Yet I continue to be amazed and inspired on an almost daily basis by what can be achieved using

this simple, text-based, human-readable language. Web design remains an exciting field to work in, and the

possibilities keep expanding! I can’t wait to see what you create with the CSS3 layout techniques you’ll find

in this book.

If you have any suggestions or corrections, I’d love to hear from you. In the meantime, turn the page,

and let’s get started:

1 . Overcoming the Layout Challenges of the Web

2 . Layout Modules in CSS: the Old and the New

3 . Where We’ve Been: Position, Float, and Display

4 . CSS Multi-column Layout

5 . CSS Flexible Box Layout

6 . CSS Grid Layout

7 . CSS Regions Layout

8 . Supporting Older Browsers

9 . Speeding Up Workflow: CSS Libraries and Frameworks

10. What the Future Holds for CSS Layout

xix

www.it-ebooks.info

剩余195页未读，继续阅读

vanridin

粉丝: 108
资源: 1187

CSS3高级布局技巧：实现响应式设计

Pro.CSS.Techniques

Apress+-+Pro+CSS+Techniques

pro-css3-layout-techniques:Sam Hampton-Smith的“ Pro CSS3 Layout Techniques”源代码-css source code

Pro Power BI Desktop(Apress,2016)

Pro Hadoop Data Analytics(Apress,2016)

Pro Spring Boot(Apress,2016)

Pro Apache Phoenix(Apress,2016)

Pro Spark Streaming(Apress,2016)

Pro Spring Boot(Apress,2016)对应源码

pro-css-techniques:丹·鲁宾（Dan Rubin），伊恩·劳埃德（Ian Lloyd）和杰弗里·克罗夫特（Jeffrey Croft）的“ Pro CSS Techniques”源代码-css source code

最新资源