Questions
CSS questions
Choose a question page, learn the concept, then test your understanding with a quiz.
CSS Font Scaling Relative to Container Size: %, em, rem, vw, and Responsive Text
Learn how CSS font scaling really works and how to make text responsive using %, em, rem, vw, clamp(), and media queries.
CSS Parent Selector Explained: Selecting a Parent <li> from an <a>
Learn whether CSS has a parent selector, how :has() works, and practical alternatives for styling a parent li from a child anchor.
CSS Previous Sibling Selector: What Exists and How to Work Around It
Learn whether CSS has a previous sibling selector, why it does not, and practical ways to style earlier elements using CSS alternatives.
CSS Transitions on display: Why They Don't Work and How to Fade Elements In
Learn why CSS cannot transition the display property and how to create smooth fade-in dropdown menus using opacity and visibility.
Can You Style Half of a Character in CSS? Techniques for Split Text Effects
Learn how to style half of a character in CSS using layered text, gradients, and pseudo-elements for dynamic split-letter effects.
HTML Triangle Characters for Up/Down Toggle Indicators
Learn which HTML triangle characters and entities to use for up/down toggle indicators, including Unicode symbols and practical examples.
Hide Scrollbars but Keep Scrolling in CSS
Learn how to hide scrollbars while keeping scrolling enabled using CSS, including browser-specific rules for Chrome, Firefox, and IE/Edge.
How CSS Triangles Work: Borders, Zero Size, and Shape Tricks
Learn how CSS triangles work using zero width/height and borders. Understand the visual trick with clear examples and practical uses.
How to Add Space Between Flexbox Items in CSS
Learn how to set space between flexbox items using CSS gap, margins, and practical layout patterns with clear examples.
How to Align Checkbox and Label Text Consistently with CSS
Learn how to align checkbox inputs and labels consistently across browsers using simple HTML and CSS patterns.
How to Auto-Resize Images While Maintaining Aspect Ratio in CSS
Learn how to resize images to fit a container while preserving aspect ratio using simple CSS techniques and practical examples.
How to Center Text Horizontally and Vertically Inside a Div in CSS
Learn how to center text inside a div both horizontally and vertically using CSS with flexbox, grid, and line-height.
How to Center an Absolutely Positioned Element in CSS
Learn how to center an absolutely positioned element in CSS, even when its width is unknown or responsive.
How to Change SVG Color in CSS: fill, img, image, and Inline SVG
Learn why CSS fill does not color an external SVG in HTML and how to correctly change SVG colors using inline SVG and currentColor.
How to Change the Cursor to a Hand on Hover in HTML and CSS
Learn how to use the CSS cursor property to show a hand pointer when hovering over list items in HTML and CSS.
How to Click Through an Overlay Div in CSS and JavaScript
Learn how to click through an overlay div using CSS pointer-events, with examples, common mistakes, and real-world use cases.
How to Combine a Background Image and CSS Gradient on the Same Element in CSS
Learn how to layer a CSS gradient and background image on one element using multiple backgrounds, with examples and common mistakes.
How to Create a Placeholder for a Select Box in HTML and CSS
Learn how to add a placeholder-like default option to an HTML select box using valid HTML, CSS, and simple best practices.
How to Disable Text Selection Highlighting in CSS
Learn how to disable text selection highlighting with CSS using user-select, vendor prefixes, examples, pitfalls, and best practices.
How to Handle :hover Styles Without Inline CSS in HTML and Email
Learn why `a:hover` cannot be written in inline CSS, how pseudo-classes work, and what practical alternatives exist in HTML and email.
Page 1 of 2 - 40 questions