CSS Page Layout Basics

These flashcards cover vocabulary and concepts related to CSS page layout basics, including box model properties, positioning, and navigation.

CSS Box Model

A model that describes the rectangular boxes generated for elements in a document tree, including content, padding, border, and margin.

Width property

A CSS property that configures the width of an element's content.

Height property

A CSS property that configures the height of an element.

Margin property

A CSS property used to configure the empty space around an element.

Padding property

A CSS property that configures the space between the content of an HTML element and its border.

Box-sizing

A CSS property that defines how the width and height of an element are calculated with respect to padding and border.

Float property

A CSS property that allows elements to be positioned to the left or right of their container.

Clear property

A CSS property that specifies whether an element can be next to floating elements.

Overflow property

A CSS property that specifies what should happen if the content of an element overflows its box.

CSS Pseudo-classes

Special states of an element that can be targeted with CSS, such as :hover or :active.

CSS Sprites

An image file that contains multiple small graphics, used to improve loading time.

Absolute positioning

A CSS positioning method that configures an element's location outside normal document flow.

Relative positioning

A CSS positioning method that changes an element's position relative to its normal position.

Fixed positioning

A CSS positioning method that keeps an element at a specific position in the viewport, even when scrolling.

Sticky positioning

A CSS positioning method that combines relative and fixed positioning, allowing an element to behave like relative until it reaches a specified point.

Fragment identifiers

Links that point to a specific part of a webpage, typically used with anchor tags.

Parallax scrolling

A web design technique where background images move at a different speed than the foreground content.