# CSS flash cards: Apprentice level 53 CSS terms at the Apprentice level, as flash cards. Updated: September 27, 2026 - [Study these as flash cards](https://www.ask-codey.com/decks/css/2/flash) - [Play Memory with them](https://www.ask-codey.com/games/memory?category=css&level=2) ## Terms in this deck - [::after](https://www.ask-codey.com/glossary/after): Adds generated content at the end of an element. - [::before](https://www.ask-codey.com/glossary/before): Adds generated content at the start of an element. - [::marker](https://www.ask-codey.com/glossary/marker): Styles the bullet or number of a list item. - [::placeholder](https://www.ask-codey.com/glossary/placeholder-css): Styles the hint text in an empty input. - [:active](https://www.ask-codey.com/glossary/active): Styles an element while it is being pressed. - [:checked](https://www.ask-codey.com/glossary/checked-css): Styles checkboxes and radio buttons that are selected. - [:disabled](https://www.ask-codey.com/glossary/disabled-css): Styles form controls that are switched off. - [:first-child](https://www.ask-codey.com/glossary/first-child): Selects an element that is the first child of its parent. - [:focus](https://www.ask-codey.com/glossary/focus): Styles the element that has keyboard focus. - [:hover](https://www.ask-codey.com/glossary/hover): Styles an element while the mouse is over it. - [:last-child](https://www.ask-codey.com/glossary/last-child): Selects an element that is the last child of its parent. - [:nth-child()](https://www.ask-codey.com/glossary/nth-child): Selects children by position, like odd rows or every third item. - [:visited](https://www.ask-codey.com/glossary/visited): Styles links the user has already opened. - [Absolute positioning](https://www.ask-codey.com/glossary/absolute-positioning): Places an element relative to the nearest positioned ancestor. - [Attribute selector](https://www.ask-codey.com/glossary/attribute-selector): Selects elements by an attribute, written in \[brackets\]. - [Auto margin](https://www.ask-codey.com/glossary/auto-margin): Takes up leftover space; margin: 0 auto centers a block. - [Background image](https://www.ask-codey.com/glossary/background-image): Puts an image or gradient behind an element's content. - [Background position](https://www.ask-codey.com/glossary/background-position): Sets where a background image sits. - [Background repeat](https://www.ask-codey.com/glossary/background-repeat): Decides whether a background image tiles. - [Background size](https://www.ask-codey.com/glossary/background-size): Sets how big a background image is, like cover. - [Border box](https://www.ask-codey.com/glossary/border-box): Width and height include padding and border. - [Border radius](https://www.ask-codey.com/glossary/border-radius): Rounds an element's corners. - [Box shadow](https://www.ask-codey.com/glossary/box-shadow): Draws a shadow around an element. - [Box sizing](https://www.ask-codey.com/glossary/box-sizing): Decides whether width includes padding and border. - [Clear](https://www.ask-codey.com/glossary/clear): Moves an element below any floats instead of wrapping around them. - [display: none](https://www.ask-codey.com/glossary/display-none): Hides an element completely; it takes no space. - [Fixed positioning](https://www.ask-codey.com/glossary/fixed-positioning): Pins an element to the window so it stays put while scrolling. - [Float](https://www.ask-codey.com/glossary/float): Pushes an element left or right with text wrapping around it. - [Inset](https://www.ask-codey.com/glossary/inset): Sets top, right, bottom and left at once. - [Letter spacing](https://www.ask-codey.com/glossary/letter-spacing): Adds or removes space between letters. - [Line height](https://www.ask-codey.com/glossary/line-height): Sets the space between lines of text. - [Linear gradient](https://www.ask-codey.com/glossary/linear-gradient): A background that fades between colors along a line. - [List style](https://www.ask-codey.com/glossary/list-style): Sets or removes list bullets and numbers. - [Margin collapsing](https://www.ask-codey.com/glossary/margin-collapsing): Vertical margins between blocks merge into the larger one. - [Maximum size](https://www.ask-codey.com/glossary/maximum-size): max-width and max-height stop an element growing past a size. - [Minimum size](https://www.ask-codey.com/glossary/minimum-size): min-width and min-height stop an element getting smaller than a size. - [object-fit](https://www.ask-codey.com/glossary/object-fit): Decides how an image fills its box, like cover or contain. - [Opacity](https://www.ask-codey.com/glossary/opacity): Makes an element see-through, from 0 to 1. - [Outline](https://www.ask-codey.com/glossary/outline): A line around an element that takes up no space, used for focus rings. - [Overflow](https://www.ask-codey.com/glossary/overflow): Decides what happens when content doesn't fit: show, hide or scroll. - [Positioning scheme](https://www.ask-codey.com/glossary/positioning-scheme): The position property: how an element is placed. - [Pseudo-class](https://www.ask-codey.com/glossary/pseudo-class): Styles an element in a state, like :hover, with one colon. - [Pseudo-element](https://www.ask-codey.com/glossary/pseudo-element): Styles part of an element, or adds decoration, with two colons. - [Radial gradient](https://www.ask-codey.com/glossary/radial-gradient): A background that fades outward from a center point. - [Relative positioning](https://www.ask-codey.com/glossary/relative-positioning): Nudges an element from its normal spot; anchors absolute children. - [Static positioning](https://www.ask-codey.com/glossary/static-positioning): The default: the element sits in the normal flow. - [Sticky positioning](https://www.ask-codey.com/glossary/sticky-positioning): Scrolls normally, then sticks once it reaches a set point. - [Text decoration](https://www.ask-codey.com/glossary/text-decoration): Adds or removes lines on text, like underlines. - [Text transform](https://www.ask-codey.com/glossary/text-transform): Changes how text is capitalized when shown. - [Viewport](https://www.ask-codey.com/glossary/viewport): The visible area of the page; vw and vh measure it. - [Visibility](https://www.ask-codey.com/glossary/visibility): Makes an element invisible but keeps its space. - [White space](https://www.ask-codey.com/glossary/white-space): Controls how spaces and line breaks are shown, and wrapping. - [Z-index](https://www.ask-codey.com/glossary/z-index): Decides which overlapping elements sit in front. [Read them in the glossary](https://www.ask-codey.com/glossary/subjects/css/apprentice) Source: https://www.ask-codey.com/decks/css/apprentice