CSS新手到专业：从入门到精通指南

需积分: 0 199 浏览量更新于2024-07-23 收藏 18.32MB PDF 举报

"《CSS网站开发从入门到精通》是一本专为Web开发新手设计的专业指南，由业内专家Simon Collison撰写，并由Andy Clarke担任序言作者。本书的核心目标是帮助读者系统地掌握CSS技术，从基础知识开始，逐步提升至专业水平。作者以其深厚的理论知识和实践经验，提供了丰富的实用技巧，让学习者能够在短时间内建立起坚实的CSS基础。书中涵盖了CSS的基础概念、语法结构、布局设计、样式组织、响应式设计以及高级主题，如CSS预处理器（如Sass和Less）和CSS3新特性等。通过实例演示和深入剖析，读者可以理解并应用这些技能，解决实际项目中的问题，提升网站的用户体验和视觉吸引力。版权方面，该书受到严格的保护，未经版权所有者和出版社的书面许可，禁止任何形式的复制或传输。此外，书中可能包含商标名，使用它们仅出于编辑目的，以尊重商标所有者的权益，并无意侵犯其权益。《CSS网站开发从入门到精通》由Chris Mills担任主编辑，Richard Rutter和Dan R两位技术审阅者为确保内容准确无误，提供了专业指导。这本书不仅适合初学者用于自我学习，也适合作为Web开发课程或团队培训的教材，帮助开发者快速提升CSS技能，成为真正的专业人员。无论是希望通过CSS提升网站开发能力的新手，还是希望更新知识库的资深开发者，都能在本书中找到价值。"

■CONTENTS

■CHAPTER 16 Case Study: The Dead Goods . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

The Case Study . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

The Process . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 348

Content. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350

Presentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350

Setting Up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351

Wireframing the Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351

Bodywork. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352

Container . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352

Masthead. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352

Columns. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353

Footer. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353

Organized Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354

Background Work . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355

Masthead Background . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355

Sidebar Background. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355

Main Column Background . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357

Footer Background . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357

Page Background . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 358

Background Work Completed . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 358

Text Treatment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360

Back to Body . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360

Headings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360

Column Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361

The Final Touches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 362

Logo As Home Link. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 362

Main Navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

Footer Content. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366

Finished! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368

It’s the End of the Book! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369

■APPENDIX CSS Reference . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371

Background . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371

Border . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372

Margin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373

Padding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374

Dimension . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374

Collison_689-7FRONT.fm Page xv Wednesday, July 26, 2006 9:13 AM

xvii

Foreword

As a bloke of that “certain age,” I can remember the television series that were shown in the

1970s and early 1980s. My brother and I would stay glued to the telly each Saturday teatime.

From Roddy McDowell’s unconvincing ape suit in the TV spin-off from the Planet of the Apes

movies, to Logan’s Run; from “Grasshopper” David Carradine in Kung Fu, to my own personal

favorite, Bill Bixby and Lou Ferrigno in the pre-CGI Incredible Hulk; we couldn’t get enough.

These shows and many more just like them shared a common 1970s theme. While the Hulk

of the original comic books just got angry, the television Banner, unexpectedly dosed by gamma

radiation before he could slap on the sun block, lived outside of society. Sure, he got angry and

ripped his trousers, but as he traveled across the country from place to place, along the way he

met new people and helped to solve their problems—problems that no one had been able to

solve before.

Like the rag-tag band of ships that followed Battlestar Gallactica on its quest for a faraway

Earth, each of the characters in these series knew where they wanted to go, they just didn’t

know how to get there. The map to Earth or Logan’s Sanctuary, or for the Hulk a course on

anger management, just hadn’t been written.

By now you might be wondering, “What on Earth is Malarkey rambling on about? This book

is about web design, not television trivia from the decade that time best forgot.” But as a web

designer who came late to the world of meaningful markup and CSS, I can identify with the Hulk.

Solving problems is what web designers do, and not just for half an hour every Saturday

teatime. We solve problems every day for our clients and for their visitors; we also solve the

problem of how to implement our designs with web standards.

When I started my own journey toward web standards, I knew very little about CSS floats

and positioning, and I got angry when my design layouts fell apart in a browser. While my

trousers (almost) always stayed intact, I was filled with an inner rage when my columns dropped,

my margins collapsed, or my font sizing misbehaved. I knew the results that I wanted to achieve

and where I wanted to go, but I didn’t know how to get there. At that time there was no clear

map for people like me who understood design but needed a book to show the way between my

design visuals and the standards-based web pages that I wanted to deliver to my clients.

If you are starting out on a similar journey, you’re in luck. Simon Collison has written that

roadmap, a book that clearly explains how to make your designs a reality using XHTML and CSS.

Simon knows what it’s like to design at the sharp end of the web design business. He comes to

web standards not from an academic interest but from a real need to get stuff done. I have long

admired his design skills and his uncanny ability to explain complex subjects in clear language.

I know that beginning to work with web standards will sometimes make you angry; that’s

unavoidable. I also know that this book will help you to keep any outbursts free from shirt button

popping, trouser ripping, or maybe even car throwing. Thanks to Simon Collison, the world is a

safer place for us to live.

Andy Clarke

June 2006

Collison_689-7FRONT.fm Page xvii Wednesday, July 26, 2006 9:13 AM

剩余445页未读，继续阅读

txp914

粉丝: 22
资源: 709

CSS新手到专业：从入门到精通指南

web开发从入门到精通

css从入门到精通

CSS从入门到精通

html5 css3 javascript从入门到精通,HTML5+CSS3+JavaScript从入门到精通（微课精编版）

资源包 html5+css3+javascript 从入门到精通

python 3.x全栈开发从入门到精通

html5 css3从入门到精通 代码下载

html5+css3+javascript从入门到精通

nodejs全栈开发 从入门到精通

头歌----CSS从入门到精通——动画

最新资源

html5 css3从入门到精通代码下载

nodejs全栈开发从入门到精通