Programming FlashCards - Learn Coding Concepts

Filter by Technology

CSS Text Clip

Create visually striking text effects by clipping text with background images using background-clip and text-fill-color properties.

CSS

CSS Text Shadow

Create depth and visual interest by adding shadow effects to text using the text-shadow property with multiple shadow configurations.

CSS

CSS Grid Gap

Create precise spacing between grid items using row-gap and column-gap properties, controlling layout spacing without additional margins.

CSS

CSS Clip Path

Create custom geometric shapes by clipping an element's visible area using polygon, circle, or ellipse functions

CSS

CSS Flex Grow

Control how flex items expand to fill available space in a flex container, allowing proportional distribution of extra space

CSS

CSS Box Shadow

Create depth and visual effects by adding shadow to elements with customizable horizontal/vertical offset, blur radius, and color

CSS

CSS Scroll Snap

Create smooth, controlled scrolling experiences by defining snap points and behaviors for scroll containers

CSS

CSS Custom Properties

Declare and use reusable values throughout your stylesheet, enabling dynamic styling and easier theme management with local and global scopes.

CSS

CSS Variables Basics

Learn how to define, use, and dynamically change CSS custom properties (variables) to create more flexible and maintainable stylesheets.

CSS

CSS CurrentColor

A special CSS keyword that dynamically uses the current text color, allowing for easy color inheritance and creating flexible, adaptive designs.

CSS

CSS Position Types

Explore the different position values in CSS and how they affect element layout and positioning within a document flow.

CSS

CSS Logical Properties

Use direction-relative CSS properties that adapt to different writing modes and text directions, improving internationalization support.

CSS

Sticky Positioning

CSS sticky positioning creates an element that behaves like relative positioning until it crosses a specified threshold, then becomes fixed relative to its container.

CSS

CSS Sticky Position

A hybrid positioning method that acts like relative positioning until the element crosses a specified threshold, then becomes fixed within its container.

CSS

CSS Specificity

Understand how CSS determines which styles are applied when multiple conflicting rules target the same element

CSS

CSS Clamp Function

Dynamically size elements using the clamp() function, which sets a responsive value between a minimum and maximum boundary.

CSS

Flex Center Magic

Perfectly center content both horizontally and vertically using flexbox with just two simple properties

CSS

Flexbox Basics

Learn how to use display: flex to create flexible layouts with easy alignment and distribution of space between items

CSS

Flexbox Centering

Learn how to perfectly center elements both horizontally and vertically using CSS Flexbox with just two properties.

CSS

Flexbox Justify Content

Learn how to distribute space between flex items using justify-content property with various alignment options.

CSS

CSS Grid Layout

Create complex, responsive grid-based layouts with ease using CSS Grid's powerful two-dimensional layout system.

Previous Page 1 of 1 Next