CSS Combinators: A Guide

CSS combinators are the symbols used in your CSS rules that explain the relationship between selectors. Combinators make it easier to select really specific HTML elements, or to select only one or a few of the same tag type without [...]

Read Article

Using Pseudo-Selectors to Style Links

Screen Shot 2016-08-09 at 10.40.48 AM

CSS3 allows for various different pseudo-selectors to be applied to anchor tags in order to style links at various different stages of use or activity. The pseudo-selectors that are often applied to links are:

:link – applies to links that have [...]

Read Article

How to Clear Floats

Screen Shot 2016-07-19 at 4.20.48 PM

Floats are a useful tool for web developers. They’re so helpful in structuring pages and positioning items. But if they’re used incorrectly, they can also wreak havoc on the structure of the page/on the items surrounding the float. That’s why it’s [...]

Read Article

Styling Lists with CSS

Screen Shot 2016-06-06 at 5.40.05 PM

By default, each list item in any unordered list will be preceded by a standard round bullet point, like in the example below.

If round bullet points aren’t your style, CSS gives us a few different list-item marker options [...]

Read Article

Quick Tip: Multiple Classes

Sometimes it’s necessary for an HTML element to have two, three, or even four + classes assigned to it. To assign multiple classes to an element, all you need to do is separate them with a space, like this:

< View [...]

Read Article

Rotate HTML Elements Using CSS Transform

CSS3′s transform property makes it easy to rotate any HTML element using only code.

Below we have a div that’s screaming: “Rotate Me!”

All we need to rotate this div is one line of CSS:

< View plain text >

css

transform: rotate(10deg);

This one simple [...]

Read Article