How To Apply CSS Styles to HTML with Cascade and Specificity

May 12, 2026
Tutorials
Comment off

Cascading Style Sheets, better known as CSS, is the language for visual style and design on the web. With it, you can apply styles directly to Hypertext Markup Language (HTML) to lay out a webpage, adjust font and color, create complex animations, and much more. This tutorial will focus on applying CSS to HTML, cascade, and specificity, which are foundational aspects of CSS and will prepare you for using CSS effectively in your web projects.

How To Create a Static Footer With HTML and CSS (Section 7)

May 12, 2026
Tutorials
Comment off

In this tutorial, you will create a static footer that stays in a fixed position at the bottom of the viewport as the visitor scrolls down the page. You will also add menu items and social icons that change color when the user hovers their cursor over them.

How To Style React Components

May 12, 2026
Javascript
Comment off

In this tutorial, you’ll learn three different ways to style React components: plain Cascading Style Sheets (CSS), inline styles with JavaScript-style objects, and JSS, a library for creating CSS with JavaScript. To illustrate these methods, you’ll build an example Alert component that will either show a success style or an error style depending on the prop. You will then refactor it using each of the styling options to see the similarities and differences between each.

clientWidth and clientHeight in JavaScript

May 12, 2026
Javascript
Comment off

Learn how to use clientWidth and clientHeight in JavaScript to calculate the pixel dimension of elements.

Centering Things in CSS Using Flexbox

May 12, 2026
Tutorials
Comment off

Flexbox may not be the solution to all of our CSS problems, but at least when it comes to centering and vertical centering of elements, it finally gives us an easy solution.

A CSS-Only Click Handler Using the :target Pseudo-Class (No JavaScript)

May 12, 2026
Javascript
Comment off

Create a click handler to display content on your webpage or update styling with CSS only using the :target pseudo-class. (No JavaScript required!)

Improve Responsiveness with flex-wrap in CSS

May 12, 2026
Tutorials
Comment off

Learn how to improve the responsiveness of your app’s layout using flex-wrap or flex-flow. For anyone new to flexbox, there’s a quick intro too!

Comment éviter les renvois à la ligne avec CSS

May 12, 2026
Tutorials
Comment off

Dans ce tutoriel, vous allez apprendre à éviter les renvois à la ligne en utilisant la propriété white-space de CSS à l’aide de 3 configurations différentes.