CSS Articles

Cascading Stylesheets – CSS – tutorial

Cascading Style Sheets (CSS) standards were originally introduced in 1996, but like so many technologies introduced by the W3C, the way the information was presented confused many non-geeks. Consequently, even 8 years later, many webmasters still haven’t taken advantage of this *huge* time-saving technology.

10 New Ways to Speed up Download Time

1. Avoid tables for layout

Here are six reasons why pages that use CSS for layout download faster than tabular pages:

Novel Paragraph Spacing with CSS

You have seen this technique used in printed novels and books countless times. The paragraphs are single spaced together instead of double-spaced apart. So how do you get this effect on your web pages? Glad you asked because in this article we explain how easy this effect is to accomplish with the magic of CSS.

CSS Template Layout – part 1 of 3

Having been asked by several readers, I have decided to create this easy to understand tutorial on creating web pages with CSS. I will not be able to expose to you everything there is about CSS in this tutorial, but I will be able to give you enough to create a nice looking page. After completing this tutorial you should have enough to explore CSS and web page design even further.

Blinking Text with CSS

Netscape Navigator fans will love this CSS tip. Netscape is able to render the CSS blink tag while Miscrosoft Internet Explorer cannot.

The Advantages of Using External CSS

When you use “external” CSS (cascading style sheets) to control the basic cosmetics of your web site, you need only to edit those cosmetic properties in one file to update ALL of your web site’s pages. This can be done from your server *if* your hosting service allows you to edit your site from a control panel, or you can edit the style sheet using a text editor on your system and upload it to your server.

Custom Head Tags with CSS

Did you know you can customize your web page head tags (h1, h2, h3, etc.) using cascading style sheets (CSS)? It is a quick and easy process that allows you broader combination choices of font style, size, color, etc. than the boring, standard HTML alternative.

Controlling Page Margins with External CSS

What are page margins and why would you want to use them? You have seen them before but may have not realized it. Some web pages have a margin (space around the edges of the browser window). Web pages that do not have a page margin, will display the page content and graphics flush with the browser window. Each method has a purpose and creates a different effect. Try using different page margin values with your web site and see which you prefer.

Removing Space Around Web Forms

The easiest and most effective way to eliminate unwanted text around your web forms is to use a snippet of CSS code.

Iterative Design — The Power of Cascading Style Sheets

Sheets for Prototyping is an essential tool for designers. The ability to take a vision, quickly mock it up, and present it for critique and evaluation is critical to developing quality, usable designs.

Prototypes are most valuable when teams can iterate quickly. Taking an idea, trying it out, discovering flaws, modifying the design, and trying it out again is the essence of an iterative approach to design.

Cascading Style Sheets and Absolute Positioning

…can they really be used to your advantage in optimizing your web pages?

Building Printer Friendly Pages

Your site looks like it’s working perfectly. You’ve tested it with several different browsers under various resolutions. The HTML complies with the standards and your CSS is impeccable.

Cascading Style Sheets (CSS); Formatting Lists
· 1

This article will show you how you can change the style of individual lists, all lists on your page, and all lists on your entire web site by changing just a few things on your style sheet.

Cascading Style Sheets (CSS); Backgrounds (part 2 of 2)

Part 1 focused on the many ways to specify web page backgrounds with CSS. This part 2 addresses these subjects:

  1. The background of divisions of the web page, within DIV tags.
  2. The background of tables.
  3. The background behind sections of text content.
  4. The background behind INPUT and TEXTAREA form elements.
  5. The background behind ordered and unordered lists.
Cascading Style Sheets (CSS); Learning More

In the “Cascading Style Sheets (CSS) — Getting Started” article, the first in this series, you learned how to use an external style sheet. You simply include one line of code on your pages to affect the entire page with the style specified in that external style sheet.

Cascading Style Sheets (CSS); Colorful Forms

If your web page forms are boring, you can spruce them up.

In this article you’ll learn how to make your forms stand out from the crowd and/or to make one of your form fields stand out from the rest of your form.

Cascading Style Sheets (CSS); Backgrounds (part 1)

Background colors and images can be used for stylistic effects and can be an important element in the design of web sites.

Score with Cascading Style Sheets!

CSS is an exciting feature of HTML that gives Web-site developers more control over how they want their pages displayed by specifying how each element should appear in a style sheet. Prior to the advent of CSS, the layouts of HTML documents were left up to the browsers, whilst HTML tags merely served to define a document’s contents.

Cascading Style Sheets (CSS) – Getting Started

If you’ve been putting off using CSS because you have some
uncertainty about exactly how to use it, then today is the
day you’ll get started. You’ll see the simplicity of CSS.
You’ll realize that making style changes to your site’s
web pages is not only quick and easy, but also fun.

Using Cascading Style Sheets on Your Web Site

How would you like to have a tool that could make your web site load faster? What if it could also allow you to make changes across you entire site with just a few keystrokes? And while we’re at it, let’s make it the standard for new browsers, so that your site will still work properly in the future.

Well, that tool is here now and it’s called Cascading Style Sheets (CSS). CSS is the part of the code that defines the appearance of a web site.

Using CSS In Your Web Site

How would you like to have a tool that could make your web site load faster? What if it could also allow you to make changes across you entire site with just a few keystrokes? And while we’re at it, let’s make it the standard for new browsers, so that your site will still work properly in the future.