1. Technology

Beginning Cascading Style Sheets (CSS)

If you're just starting out with Cascading Style Sheets or you want to learn how to write CSS more effectively, you should start here. These CSS articles, tutorials, classes, and links will help you learn CSS quickly and easily.
  1. CSS Tutorial (32)

How To Change the Font Using CSS
Cascading Style Sheets (CSS) are the best way to change the font on your web pages.

What is a CSS Inline Style?
Once you understand what a CSS style property is, you'll want to apply them to your pages. One way to do that is to style the exact element with an inline style.

When Should You Change a Class to an ID Attribute?
If you only have one class on a page, should it be converted to an ID? Are there situations where you should change a class designation to an ID?

When Should You Change an ID to a Class Attribute?
If you have multiple duplicated IDs on a page, should you convert them to classes? Are there situations where you would want to convert an ID to a class?

Why Do Browsers Allow Duplicated IDs on the Same Page
If it's not correct to use the same ID more than once on a Web page, why do browsers allow it?

What is the Point of Having an ID and a Class Attribute When They Act…
The differences between the ID and clas attributes can be subtle, but they do serve different purposes.

Why should you define ID styles inline rather than in a CSS file?
If ID attributes are supposed to be unique then how are they different from using inline styles? Find out what they are used for and why they are better than just putting in inline styles.

What is the best reason to learn CSS - Readers Respond with Reasons t…
What is the best reason to learn CSS? Why did you learn CSS? What makes learning cascading style sheets so valuable to Web designers and Web developers?

Change Link Underlines - Dashed Links, Dotted Links, Double U…
Links, by default, are underlined, but what if you want to make that underline more fancy. You would think you'd use the text-decoration style property, but that property doesn't have a lot of features. So how do designers get those fancy double underlined links and dotted and dashed links? They use the border property.

What's the Difference Between @import and link for CSS?
There are two ways to load an external style sheet into your Web pages - @import or link. But why would you use one or the other? This FAQ explores the original purpose of both methods of including style sheets and then explains some of the common reasons for choosing one over the other or using a combination of both.

Style the HR Tag
Learn how to use CSS to style the HR tag. If you want to divide sections of your HTML, one way to do it is with the HR tag. But this tag can be really ugly if you don't style it. Learn how to use CSS to style your HR tags.

8 Cheap and Easy Ways to Learn CSS
It's easy to learn CSS, and there are so many different ways to do it, it's criminal if you haven't already started. Cascading Style Sheets add so much to your Web designs that if you don't understand at least the basics you're cheating yourself and your designs.

FREE CSS Class From About
In this free class, you will learn how to add CSS styles to your HTML, your Web pages, even your entire site. You will discover that Cascading Style Sheets are not difficult to learn, and in fact, CSS can be a lot of fun.

What is CSS?
Before you can use Cascading Style Sheets, you need to understand what they are and what they are for.

CSS Tutorial
Learn CSS and style your own Web page through a step-by-step CSS tutorial. Learn more than just the basics of Cascading Style Sheets with this comprehensive CSS tutorial.

CSS Step By Step
Learn how to use inline styles, stylesheets in the header, and external stylesheets.

Top 10 CSS Tips for Creating and Using Cascading Style Sheets
Cascading Style Sheets or CSS may seem daunting to beginners, but there are ten simple things you should understand about CSS in order to create style sheets that work and styles that do what you need them to do.

Beginning Cascading Style Sheets Resources
Learn the basics of Cascading Style Sheets

Borders; CSS Borders; Edges; Border Tags; Border Properties
This article is for Web designers struggling to take their borders from basic to exciting. You'll learn how to do more with borders than just decide what the width and color should be. Use CSS to create borders that are dashed or dotted and that only show on specific sides.

Beginning Cascading Style Sheets
Learn the basics of Cascading Style Sheets

Beginning Cascading Style Sheets: Placing Your CSS Tags
Learn the basics of Cascading Style Sheets and how to place your CSS styles in your HTML documents

How to Center Anything with CSS
CSS is the best way to center anything on your web page. Learn how to center text, images, and anything else on your web pages.

CSS Border Styles
Use CSS to change the style of borders around your elements.

CSS Cheat Sheet
When you're starting a Web page from scratch, there are some simple styles that you should define right away for your designs. With this sample style sheet and CSS cheat sheet, you can make sure you get the basic styles defined every time so that you're spending your time creating the custom styles that make your design unique.

Float an Image to the Left of Text
It's easy to float an image to the left using the float property in CSS.

Float an Image to the Right of Text
It's easy to float an image to the right using the float property in CSS.

How to Build an External Style Sheet
Learn how to create and use external style sheets on your site.

How to Build an Internal Style Sheet
Learn how to create and use external style sheets on your site.

How to Hide Links Using CSS
This quick tip will show you how to hide links so that they look and act like the surrounding text or images. This tip goes beyond just removing the underlines, it will make your link completely blend into the surrounding text.

How to Use External Cascading Style Sheets (CSS) on Web Pages
External style sheets (CSS) allow you to use one style sheet on multiple Web pages - so when you change the look for your site, you chage the CSS in one location.

Make Fancy Headings with CSS
Plain HTML headings are ugly. There's no getting around it. H1 is big, bold, and ugly, and h2 isn't much better. H3 isn't so bad, but since it's so close to bold it's kinda pointless, and h4, well, that really is bold. H5 and H6 are typically too small to read. So why use headings? Well, search engines like them. And with CSS you can make them look as pretty as you please with text styles, borders, and even images.

Playing with BLOCKQUOTE and Cascading Style Sheets
When you use the blockquote tag it can result in pretty boring looking quotations. But if you use Cascading Style Sheets, you can dress up your quotations to get blockquotes that pop on your Web page.

Styling Links with CSS
Don't let your links be boring, create links that are styled just like the rest of your Web pages. And before you think that just means changing the hover color - there's way more to it than that.

The Font Tag versus Cascading Style Sheets (CSS)
The font tag is deprecated, learn how to use CSS to do the same thing

The SPAN and DIV Tags
The span and div tags are often used with style sheets to create areas of the site that are defined by the styles.

Using Cascading Style Sheets
Learn about the syntax of style sheets and how to use the more common styles in your Web pages.

An explanation of the style tag for adding style sheets to your documents. Part of the HTML tag library.

What does Cascade mean in Cascading Style Sheets?
Learn what it means to cascade in CSS cascading style sheets.

Why Don't my CSS Colour Styles Work?
Spelling matters in CSS and the CSS style for changing the background colour or text colour is in the American spelling (color). If you use the British spelling (colour), it won't work.

Your First Style Sheet Using Cascading Style Sheets or CSS
CSS stylesheets may seem more difficult than they really are. Learn how to add CSS to your page quickly.

CSS Sizes
CSS has many different ways to define the size of a font or other element on the page: percentages (%), keywords (big, small), ems (em), pixels (px), points (pt), and there are reasons for using all of them in different situations. Understanding the different CSS size options you have will help you create better websites because your typography will be better and your pages will be more accurately sized.

Cascading Style Sheets Library
The Cascading Style Sheets library is a library of cascading style sheets (CSS) properties and syntax. Learn Cascading Style Sheets by learning the CSS properties.

Learn how to use the style tag to add embedded style sheets into your HTML documents.

Safe CSS - Cascading Style Sheets For Most Browsers
Safe CSS properties are cascading style sheets properties that will display in most browsers.

Use Temporary CSS Styles to Update an Old Document
When you're updating a page that is old it might have strange layout features, nested tables or content divs or other HTML techniques that make it...

Change the Color of a Word With the SPAN Tag and CSS
This article for beginning Web developers who are new to HTML and CSS will help you learn how to use the SPAN tag and CSS to change the color of individual words on your pages.

How to Center Text in a Table Cell
Centering text inside table cells is done the same as you would center text in any other element on your web page.

How to Add Internal Lines in a Table
When you use CSS to add borders to tables, it only adds the border around the outside of the table. If you want to add internal lines, you need to add borders to the interior CSS elements. Or you can use the HR tag to add lines inside individual cells. Learn how to add internal lines inside a table with CSS.

©2014 About.com. All rights reserved.