The HTML and CSS Workshop

封面

版权信息

Preface

About the Book

1. Introduction to HTML and CSS

Introduction

HTML

Structuring an HTML Document

Mistakes in HTML

Validating HTML

CSS

CSSOM

CSS Selectors

CSS Specificity

The Special Case of !important

Dev Tools

How a Web Page Renders

Summary

2. Structure and Layout

Introduction

Structural Elements

Wireframes

CSS Page Layouts

The Box Model

Summary

3. Text and Typography

Introduction

Text-Based Elements

Semantic Markup

Styling Text-Based Elements

Breadcrumbs

Summary

4. Forms

Introduction

Form Elements

Styling Form Elements

Summary

5. Themes Colors and Polish

Introduction

Summary

6. Responsive Web Design and Media Queries

Introduction

Mobile-First

Summary

7. Media – Audio Video and Canvas

Introduction

Audio

The video Element

Limitations

The track Element

Images

Gradients

Animating a Canvas

Summary

8. Animations

Introduction

CSS Transitions

Summary

9. Accessibility

Introduction

What Is Accessibility?

Accessible Images

Semantic HTML

Accessible Forms

Keyboard Accessibility

Accessible Motion

Accessibility Tools

Summary

10. Preprocessors and Tooling

Introduction to CSS Preprocessors

Getting Started with Node.js npm and SASS

SCSS Introduction

Nesting in SCSS

Import Control Directives and Mixins in SCSS

Loops in SCSS

Summary

11. Maintainable CSS

Introduction to Maintainable CSS

Block Element and Modifier

Using BEM Markup with SCSS

Structuring Your SCSS into Maintainable Files

Good Practices for Maintainable CSS

Summary

12. Web Components

Introduction

Custom Elements

Shadow DOM

HTML Templates

Sharing a Web Component

Summary

13. The Future of HTML and CSS

Introduction

Keeping up with the Web

Caniuse

CSS Houdini

Custom Properties

Progressive Enhancement

Summary

Appendix

Chapter 1: Introduction to HTML and CSS