W3.CSSLesson 27Free preview

W3.CSS Notes

This lesson is part of W3.CSS · All levels

Summary

Notes are short blocks of information that are highlighted so that the reader does not miss them, such as tips, prerequisites, or important reminders. Structurally the notes can be wrapped with a special-class sided or div element, then given a pale background and a marker line. The consistency of the record's display makes the documentation look neat and easy to scan.

Key points

A note is a supplementary note that highlights important information
The sidebar gives semantic meaning to the sidebar
Panels with pale backgrounds and left lines become a common note pattern
One class of components is reused to make all records uniform.
The notes should be brief so as not to interfere with the main stream

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.