CSS: The Missing Manual.The book that should have been in the box, 4th Edition.

Купить бумажную книгу и читать

Название:CSS: The Missing Manual.The book that should have been in the box

АвторDavid Sawyer McFarland

Издательство: O'Reilly Media

Год: 2015

Страниц: 718

Язык: English

Формат: pdf, epub, mobi

Размер: 39 Mb; 59 Mb;94 Mb

CSS lets you create professional-looking websites, but learning its finer points can be tricky—even for seasoned web developers. This fully updated edition provides the most modern and effective tips, tricks, and tutorial-based instruction on CSS available today. Learn how to use new tools such as Flexbox and Sass to build web...

CSS lets you create professional-looking websites, but learning its finer points can be tricky—even for seasoned web developers. This fully updated edition provides the most modern and effective tips, tricks, and tutorial-based instruction on CSS available today. Learn how to use new tools such as Flexbox and Sass to build web pages that look great and run fast on any desktop or mobile device. Ideal for casual and experienced designers alike.

The important stuff you need to know:

Start with the basics. Write CSS-friendly HTML, including the HTML5 tags recognized by today’s browsers.

Design for mobile devices. Create web pages that look great when visitors use them on the go.

Make your pages work for you. Add animations that capture the imagination, and forms that get the job done.

Take control of page layouts. Use professional design techniques such as floats and positioning.

Make your layouts more flexible. Design websites with Flexbox that adjust to different devices and screen sizes.

Work more efficiently. Write less CSS code and work with smaller files, using Syntactically Awesome Stylesheets (Sass).

CSS Basics

Chapter 1 HTML and CSS

HTML: Past and Present

Writing HTML for CSS

The Importance of the Doctype

How CSS Works

Chapter 2 Creating Styles and Style Sheets

Anatomy of a Style

Understanding Style Sheets

Internal Style Sheets

External Style Sheets

Tutorial: Creating Your First Styles

Chapter 3 Selectors: Identifying What to Style

Type Selectors: Styling HTML Tags

Class Selectors: Pinpoint Control

ID Selectors: Specific Page Elements

Styling Groups of Tags

Styling Tags Within Tags

Pseudo-Classes and Pseudo-Elements

Attribute Selectors

Child Selectors

Siblings

The :target Selector

The :not() Selector

Tutorial: Selector Sampler

Chapter 4 Saving Time with Style Inheritance

What Is Inheritance?

How Inheritance Streamlines Style Sheets

The Limits of Inheritance

Tutorial: Inheritance

Chapter 5 Managing Multiple Styles: The Cascade

How Styles Cascade

Specificity: Which Style Wins

Controlling the Cascade

Tutorial: The Cascade in Action

Applied CSS

Chapter 6 Formatting Text

Using Fonts

Using Web Fonts

Discovering Google Web Fonts

Adding Color to Text

Changing Font Size

Formatting Words and Letters

Adding Text Shadow

Formatting Entire Paragraphs

Styling Lists

Tutorial: Text Formatting in Action

Chapter 7 Margins, Padding, and Borders

Understanding the Box Model

Controlling Space with Margins and Padding

Adding Borders

Coloring the Background

Creating Rounded Corners

Adding Drop Shadows

Determining Height and Width

Wrapping Content with Floating Elements

Tutorial: Margins, Backgrounds, and Borders

Chapter 8 Adding Graphics to Web Pages

Discovering CSS and the Tag

Adding Background Images

Controlling Repetition

Positioning a Background Image

Using Background Property Shorthand

Using Multiple Background Images

Utilizing Gradient Backgrounds

Tutorial: Enhancing Images

Tutorial: Creating a Photo Gallery

Tutorial: Using Background Images

Chapter 9 Sprucing Up Your Site’s Navigation

Selecting Which Links to Style

Styling Links

Building Navigation Bars

CSS-Style Preloading Rollovers

Styling Particular Types of Links

Tutorial: Styling Links

Tutorial: Creating a Navigation Bar

Chapter 10 CSS Transforms, Transitions, and Animations

Transforms

Transitions

Animations

Tutorial

Chapter 11 Formatting Tables and Forms

Using Tables the Right Way

Styling Tables

Styling Forms

Tutorial: Styling a Table

Tutorial: Styling a Form

CSS Page Layout

Chapter 12 Introducing CSS Layout

Types of Web Page Layouts

How CSS Layout Works

Layout Strategies

Chapter 13 Building Float-Based Layouts

Applying Floats to Your Layouts

Overcoming Float Problems

Tutorial: Multiple-Column Layouts

Chapter 14 Positioning Elements on a Web Page

How Positioning Properties Work

Powerful Positioning Strategies

Tutorial: Positioning Page Elements

Chapter 15 Responsive Web Design

Responsive Web Design Basics

Setting Up a Web Page for RWD

Media Queries

Flexible Grids

Fluid Images

Responsive Web Design Tutorial

Chapter 16 Using a CSS Grid System

How Grids Work

Structuring Your HTML for Grids

Using the Skeleton Grid System

Creating and Naming Columns

Tutorial: Using a Grid System

Chapter 17 Modern Web Layout with Flexbox

Introducing Flexbox

Flex Container Properties

Flex Item Properties

Tutorial: Build a Flexbox Layout

Advanced CSS

Chapter 18 Improving Your CSS Habits

Adding Comments

Organizing Styles

Eliminating Browser Style Interference

Using Descendant Selectors

Chapter 19 More Powerful Styling with Sass

What is Sass?

Installing Sass

Sass Basics

Organizing Your Styles with Sass Partials

Sass Variables

Nesting Selectors

Inheriting (or Extending) Properties

Mixins

Working with Media Queries

Troubleshooting with CSS Source Maps

Appendixes

Appendix CSS Property Reference

CSS Values

Text Properties

List Properties

Padding, Borders, and Margins

Backgrounds

Page Layout Properties

Animation, Transform and Transition Properties

Table Properties

Miscellaneous Properties

Appendix CSS Resources

References

CSS Help

CSS Tips, Tricks, and Advice

CSS Navigation

CSS Layout

Showcase Sites

epub

pdf

mobi