Introduction to CSS Development

Create a new project folder, add an index.html and a main CSS file, and learn how to include CSS on the page to style and change content appearance.

Use the style tag in the head to include CSS, define a selector for all paragraphs, and apply a red color via a rule set, highlighting separation of concerns.

Explore basic selectors in CSS, including element, comma-separated, and descendant selectors, to target paragraph tags and anchor tags within a paragraph and apply precise rule sets.

Combine our tags without a space to target specific elements, such as paragraph tags that have a given class, using the p.class selector.

Explore starter css rules, including text decoration, color, background images with no-repeat, borders, padding, margins, and the box model, with practical div and link layout examples.

Explore block level, inline, and inline-block layouts, and learn how float and clear influence page flow, text wrapping, and element alignment.

Learn how relative, absolute, and fixed positioning shape layout by anchoring elements to their context, removing them from the normal flow, and using the viewport for fixed positioning.

Explore css centering techniques, including vertical centering, text alignment, and inline versus block elements, using text-align, inline-block navigation, padding, margins, and borders.

Learn vertical centering in CSS using the vertical line property, then emulate table layout with display: table and display: table-cell to center content vertically and text align center.

Learn how normalize.css helps create cross-browser consistency by replacing browser-default styles with unified styles, using a content delivery network to load normalize.css and ensure consistent rendering across browsers.

Master clearfix to force a container to clear its floated children using the after pseudo selector, display table, and clear both.