Basic Gradients in CSS

Basic Gradients in CSS

On

If you’ve ever wanted to create a colorful gradient on your webpage, you can do so with gradients in CSS! Gradients are a fun way to create backgrounds that have a blend of two or more colors. Here are a few examples…

Hover Effect in CSS

Hover Effect in CSS

On

One of my favorite ways to spice up the design of my webpage is with the :hover effect. Hover is a style feature that is activated when a user hovers his or her cursor over a webpage element. The cool thing about…

Add Google Fonts to your Webpage

Add Google Fonts to your Webpage

On

One of my favorite ways to add unique fonts to my websites is to use Google Fonts. Adding fun fonts to a website can be the difference between an average website and a super unique one! Google Fonts is a tool that…

Create Lists in HTML

Create Lists in HTML

On

When building a website, you or your client may want to create lists – either numbered or with bullet points, to organize content on the page. Lists create visually appealing text and information! There are two main types of lists in HTML…

The Box Model: Margins

The Box Model: Margins

On

The Box Model is one of those really cool tools web designers and developers use to move and arrange parts of a webpage to the exact spot they want! You can apply The Box Model to each <div> or piece of content you create on…

Top 4 Most Common CSS Selectors

Top 4 Most Common CSS Selectors

On

CSS Selectors Once you’ve built an HTML file with some divs, classes, ids, etc you’ll want to modify them in your stylesheet with CSS Selectors! Head over to your CSS stylesheet, and let’s get to styling! To start, you have to indicate to your CSS stylesheet…

Headings 1 – 6 in HTML/CSS

Headings 1 – 6 in HTML/CSS

On

When it comes to text content on your web page, it is important to break up that content with headings. You’ve probably seen headings in your grade school science textbooks, they helped to tell you what you did and didn’t have to read…

5 Simple Ways to Style Font in HTML

5 Simple Ways to Style Font in HTML

On

Simple Font Modifications If you’re new to building a webpage or are just looking for simple ways to modify the font on your webpage, I have a few tricks for you! To start, we will be using web-safe font, which are font types that render…