MUO

CSS

Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.

latest

A pair of feet seen from above, near the edge of a station platform with “Mind The Gap” written on the floor
How CSS Gap Adds Space to Enhance Web Layouts

Learn about a handy shortcut property that will help you control spacing between elements.

By 
A series of printed pages, lying on top of each other.
A Beginner’s Guide to Z-Index in CSS

Learn the basic technique of placing one element in front of another.

By 
Two hands held with thumbs and forefingers extended to form a rectangle in the central foreground of a landscape scene
3 Easy Ways to Center an Element With CSS

Need to center an HTML element and not sure where to begin? Check out these techniques.

By 
An illustration of a man sitting on a chair, with a thought cloud above his head, containing a calendar.
Creating an Interactive Timeline With CSS and JavaScript

Using the basic concepts of HTML, CSS, and JS, you’ll have an attractive timeline up and running in no time.

By 
An illustration of a person seated comfortably on a modern chair, engrossed in using their smartphone
How to Implement Infinite Scroll in a Web Application

Learn about the principles and practicalities of infinite scroll.

By 
Vector illustration showing layers of web pages stacked, with the topmost layer having a prominent wireframe design on top.
How to Build a Sticky Header With CSS

This effective and powerful technique is a lot easier to achieve than you might expect.

By 
CSS code snippet showing on a computer screen.
Sass vs. SCSS: Choosing the Right CSS Preprocessor

The differences between these two syntaxes are subtle, so make sure you understand them before making the choice.

By 
CSS code snippet showing on a computer screen.
An Introduction to CSS Transitions for Beginners

Transitions are a basic form of CSS animation that you can use to create beautiful effects.

By 
A Macbook Air, sitting open on a couch, displaying HTML and CSS code.
4 Websites With Practical HTML and CSS Projects for Beginners

Put your HTML and CSS skills into practice with these top-notch project challenge sites.

By 
Person holding css3 logo
How to Add Dark Themes in Vue Apps With CSS Variables

Learn about CSS variables and the LocalStorage API with this practical Vue project.

By 
Paint rollers rolling down the wall with different colours
4 Ways to Define Colors in CSS

From names to hex to rgb and hsl, discover the many ways CSS lets you describe color.

By 
code editor open in dark mode
How to Create a Simple Contact Form Using HTML, CSS, and JavaScript

Learn to create a simple contact form for your website with easy steps, ensuring effective communication with your audience.

By 
Somebody holding a marker and a small paper card
Using CSS Grid for Magazine-Style Layouts

With a handful of styles, you can use this attractive, flexible layout for many types of page content.

By 
A book titled “Stunning CSS” lies on top of a book on JavaScript. A mobile phone lies on top of both.
Understanding the CSS :nth-child() Selector

This CSS feature is particularly useful for styling tables and complex lists.

By 
React Logo overlaying an image of someone using a laptop and a mobile phone
Create Beautiful Dropdowns With React Select

Liven up your boring dropdowns with this flexible React library.

By 
An open laptop with a code editor showing on screen
CSS Pseudo-Classes vs. Pseudo-Elements: A Deep Dive

Gain more power over your web designs using these advanced CSS selectors.

By 
A black MacBook monitor showing CSS code
5 Ways to Learn HTML and CSS With Real UI Challenges

Follow these strategies to unlock your web development skills with interactive learning, creative challenges, and practical experience.

By 
code editor open in dark mode
How to Implement Dark Mode Using CSS and JS

Dark mode has become a popular preference, so you should look to support it on your sites and in your web apps.

By 
ball on multi-colored surface
Create an Animated Background With HTML and CSS

This simple demo explains how to use CSS animations for interesting visual effects.

By 
Someone coding an embedded system with ISR programming
Getting Started With Sveltestrap

Beautify your Svelte projects with the popular Bootstrap CSS library.

By 
See more articles +