BM
Box Model
Defines layout with margin, border, padding, and content.
Css Concepts for Practical Learning
32 Concepts Explained
F
Flexbox
Layout model for designing flexible responsive layouts.
G
Grid
Two-dimensional layout system for arranging elements.
CS
Css Selectors
Used to target HTML elements for styling.
P
Positioning
Controls how elements are positioned using static, relative, absolute, fixed, and sticky.
DP
Display Property
Defines how elements are displayed (block, inline, inline-block, none).
Z
Z-Index
Controls vertical stacking order of positioned elements.
O
Overflow
Defines what happens when content overflows its container.
MQ
Media Queries
Enables responsive design by applying styles based on screen size.
A
Animations
Creates keyframe-based animations for smooth transitions.
T
Transitions
Defines smooth changes between CSS property values.
CV
Css Variables
Defines reusable values using --variable syntax.
P
Pseudo-classes
Styles elements based on state like :hover, :focus, :active.
P
Pseudo-elements
Styles specific parts of elements like ::before and ::after.
L
Loaders
Transforms files like CSS and TypeScript into JavaScript.
CB
Css Backgrounds
Applies background colors, images, gradients, and patterns.
CT
Css Transitions
Animates property changes smoothly over time.
CC
Css Cascade
Defines how conflicting CSS rules are applied.
CU
Css Units
Defines lengths using px, em, rem, %, vh, and vw.
CO
Css Opacity
Defines transparency levels of elements.
CT
Css Typography
Controls font family, size, weight, and line height.
CT
Css Transforms
Applies scaling, rotation, translation, and skewing.
CCF
Css Custom Fonts
Imports and applies custom fonts using @font-face.
CC
Css Colors
Defines text, background, and border colors.
CS
Css Specificity
Determines which CSS rule takes precedence.
CI
Css Inheritance
Allows properties to be passed from parent to child elements.
CV
Css Visibility
Controls whether elements are visible or hidden.
COF
Css Object Fit
Defines how media like images fit within containers.
CB
Css Borders
Controls border width, style, and radius.
CS
Css Shadows
Adds box-shadow and text-shadow effects.
CRD
Css Responsive Design
Uses media queries to adapt layouts to different screen sizes.
CCP
Css Clip Path
Creates complex shapes by clipping elements.