Red Ice Designs » CSS

Tutorials: Backgrounds with CSS

Joe Valdez — Tue, 16 Mar 2010 13:00:25 +0000

Single Image Background

How is the best way to apply a single image as a background using CSS?

You can apply a single image background to any tag that is capable, such as divs, tables, etc using CSS. This example will show how to apply a single image background to the entire page. The best way apply the background is to use the body tag, making the body or background the first “layer” in your design.

The image being used

CSS: Things to Avoid

Joe Valdez — Wed, 27 Jan 2010 18:47:16 +0000

1. Avoid not resetting the browsers default setting.

When creating a new website or web page, the first thing you should do is reset everything to zero. Browsers have their own default settings, mainly for padding and margins. Resetting all the tags to zero will ensure you start from scratch. Once you have used a reset CSS file, you can now start on styling your page.
<link rel="stylesheet" href="style/reset-min.css" type="text/css" media="screen" />

See our blog posting on this…

Resetting the Browser Default Style

Joe Valdez — Thu, 10 Dec 2009 14:42:48 +0000

I’m sure you’ve all been there. You create a web page and it looks great in Firefox, then you preview it in Internet Explorer and…doh! You scratch your head and wonder, where did I go wrong?

DIV Basics Using CSS

Joe Valdez — Mon, 30 Nov 2009 17:12:50 +0000

Introduction

Divisions or “div” are a ‘block level element’, meaning they have the “block” attribute already inherited. Divs are used to display content in a block format much like tables but also used to define sections of a web page.

The Basics of CSS

Joe Valdez — Fri, 13 Nov 2009 15:08:46 +0000

This section will only be helpful if you know the basic understanding of HTML.

What is CSS?

CSS (Cascading Style Sheets) is the standard way of presenting and formatting a web page. The middle word, Style, basically describes its purpose. Think of CSS as a theme, kind of like a theme applied to your computer, phone, a blog or even your email. CSS will provide the look and feel of that theme, and that theme being applied to your web page. CSS is mostly applied to HTML and XHTML written pages, it can also be used to style XML formatted pages.