Border-Radius Forward Slash Syntax

We’ve already covered how to use CSS3’s border-radius property,  but what we haven’t covered is how to use a particular syntax when defining your border-radius values. If you’re a practiced web developer, you may have come across instances of the […]

Read Article

CSS Basics: How to Make Shapes, Part I

In CSS, it’s relatively easy and fairly common to use div elements to create different recognizable shapes. All it takes is one div element, a little (sometimes a lot, depending on the desired shape) CSS, and usually a basic understanding […]

Read Article

CSS Tips: Outline vs. Border

In CSS3, an outline is a line that’s drawn around the outside of an element. Outlines are essentially the exact same thing as borders, they even have the same syntax in your CSS, but they differ in their placement. Borders […]

Read Article

Aligning Images: A Guide

There are a lot of different techniques that will allow you to align images, both HTML and CSS techniques, but one of the easiest ways to align an image to the left or right of a page or element is […]

Read Article

CSS3’s Justify-Content Property

CSS3’s justify-content property is a really useful way to make space around the items within an element that has been defined as a flexible container.  Basically, it tells the elements within the flex container how much space should appear between […]

Read Article

CSS3’s Background Property: the Shorthand

There are a lot  of different variations for CSS3’s background property that are used very often — especially when we’re working with a background that’s an image. Styling a background can result in the accumulation of several different lines of […]

Read Article

When to Use CSS !important

Despite the fact that it’s widely used, applying CSS3’s !important declaration to your stylesheets isn’t considered to be a best practice. The !important declaration is typically used to override style rules that are defined elsewhere in the CSS. For example, […]

Read Article