书籍介绍
This book is your indispensable guide to cutting-edge CSS development--all you need to work your way up to CSS professional.
You'll learn how to:
Plan, organize, and maintain your stylesheets more effectively
Apply the secrets of liquid, elastic, and hybrid layouts
Create flickr™-style image maps, remote rollovers, and other advanced CSS features
Lay out forms using pure CSS
Recognize common browser bugs, and how to fix them
While CSS is a relatively simple technology to learn, it is a difficult one to master. When you first start developing sites using CSS, you will come across all kinds of infuriating browser bugs and inconsistencies. It sometimes feels like there are a million and one different techniques to master, spread across a bewildering array of websites. The range of possibilities seems endless and makes for a steep and daunting learning curve.
By bringing all of the latest tips, tricks, and techniques together in one handy reference, this book demystifies the secrets of CSS and makes the journey to CSS mastery as simple and painless as possible. While most books concentrate on basic skills, this one is different, assuming that you already know the basics and why you should be using CSS in your work, and concentrating mainly on advanced techniques.
It begins with a brief recap of CSS fundamentals such as the importance of meaningful markup, how to structure and maintain your code, and how the CSS layout model really works.
With the basics out of the way, each subsequent chapter details a particular aspect of CSS-based design. Through a series of easy-to-follow tutorials, you will learn practical CSS techniques you can immediately start using in your daily work. Browser inconsistencies are the thorn in most CSS developers' sides, so we have dedicated two whole chapters to CSS hacks, filters, and bug fixing, as well as looking at image replacement; professional link, form, and list styling; pure CSS layouts; and much more.
All of these techniques are then put into practice in two beautifully designed case studies, written by two of the world's best CSS designers, Simon Collison and Cameron Moll.
Summary of Contents:
Chapter 1: Setting the Foundations
Chapter 2: Visual Formatting Model Recap
Chapter 3: Background Images and Image Replacement
Chapter 4: Styling Links
Chapter 5: Styling Lists and Creating Nav Bars
Chapter 6: Styling Forms and Data Tables
Chapter 7: Layout
Chapter 8: Hacks and Filters
Chapter 9: Bugs and Bug Fixing
Case Study 1: More Than Doodles
Case Study 2: Tuscany Luxury Resorts
AI导读
核心看点
- 深入解析CSS三大核心：定位、浮动与margin操纵
- 详解液态、弹性及混合布局的实现技巧与原理
- 提供浏览器兼容性Bug的识别与修复实战方案
适合谁读
- 具备基础HTML/CSS知识，渴望进阶的专业开发者
- 希望提升样式表规划、组织与维护效率的前端人员
- 需要解决复杂布局与浏览器兼容性问题的网页设计师
读前提醒
- 部分IE浏览器Hack技巧已过时，建议结合现代标准阅读
- 重点关注CSS层叠机制、特异性及语义化标记的核心概念
- 建议配合书中代码示例实践，以加深对各技术点的理解
读者共识
- 虽技术细节略显陈旧，但底层思维与概念解析极具价值
- 作为进阶读物，清晰梳理了盒子模型与布局的关键逻辑
- 翻译质量参差不齐，建议有能力的读者直接阅读英文原版
本导读基于书籍简介、目录、原文摘录、短评和书评生成，不等同于全文精读。
精彩摘录
- "所有CSS布局的根本都是3个基本概念：定位、浮动、margin操纵。"
- "在符合标准的浏览器中，如果元素的内容太大，它只会超出box之外。但是，IE会扩展整个元素（。。。-_-）"
- "Meaningful markup provides the developer with several important benefits. Meaningful pages are much easier to work with than presentational ones. For example, say you need to change a quotation on a page. If the quotation is marked up correctly, it is easy to scan through the code until you find the"
- "When naming your IDs and classes, it is important that you keep the names as “unpresentational” as possible. For instance, if you want all of your form notification messages to be red, you could give them a class of red. This is fine as long as there are no other red elements on the page. However, s"
- "At the same time, they can be overused and even abused. Novice CSS authors often add classes to nearly everything in an attempt to get fine-grained control over their styles. Early WYSIWYG editors also had the tendency to add classes each time a style was applied. Many developers picked up this bad "
- "In the preceding example, each element is identified as being part of a news story by using an individual news-related class name. This has been done to allow news headlines and text to be styled differently from the rest of the page. However, you don’t need all these extra classes to target each in"
- "When browser manufacturers started to create standards-compliant browsers, they wanted to ensure backward compatibility. To accomplish this, they created two rendering modes: standards mode and quirks mode. In standards mode, the browser renders a page according to the specifications, and in quirks "
- "With even a moderately complicated style sheet, it is likely that two or more rules will target the same element. CSS handles such conflicts through a process known as the cascade. The cascade works by assigning an importance to each rule. Author style sheets are those written by the site developers"
用户评论
网页设计进阶之作
让我更痛恨ie的书
赞呐...相比别的书讲出的关键内容又多了一点~
还是英文写的好，看大部分，弄清了很多概念！
这本书和那本《DOM Scripting》都是非常好的入门读物阿～直接给你最正宗的web开发技巧！
书内容不错，翻译真的太拗口，后面的 css hack那一章hack实现可以直接pass,太老了，基本将的都是ie5,6的hack技术,过时了，看下hack实现思路就行；
讲述清楚了学习css三大关键：盒子模型、定位、浮动。又讲述了诸多常见效果的实现方法，如三种布局法等等。
行文方式有点晕。
必读的一本书，不多说什么了
有点过时的技术，不过可以看看别的资深前端是如何思考和解决问题的。
收藏