Cascading Style Sheets
Cascading Style Sheets or CSS allow you to control the layout and look of your page easily. CSS tags or properties are easy to use and affect the look and feel or style of your pages. Learn how to use CSS instead of older technology. The articles and links on this page will help you learn CSS and apply it to your Web designs.
Indenting Lists
The indenting of lists is a frustrating topic for Web designers trying to get a consistent look and feel on their pages between different Web browsers. This is because the way various browsers implement the indenting is different from browser to browser. So if you change the indenting in only one way, your pages will look wrong in other browsers.
The indenting of lists is a frustrating topic for Web designers trying to get a consistent look and feel on their pages between different Web browsers. This is because the way various browsers implement the indenting is different from browser to browser. So if you change the indenting in only one way, your pages will look wrong in other browsers.
What do you hate about CSS - What are the problems you have with CSS
There are lots and lots of places where you can read about the reasons people love CSS, but what about why you hate it? CSS for layout annoys a lot of people, as do all the different properties, as well as the fact that browsers don't support it. What do you hate about CSS?
There are lots and lots of places where you can read about the reasons people love CSS, but what about why you hate it? CSS for layout annoys a lot of people, as do all the different properties, as well as the fact that browsers don't support it. What do you hate about CSS?
CSS Browser Support
CSS has two official specifications and a third in development. But if you're going to design pages, you need to know what browsers your customers use and what versions of CSS those browsers support. This article can't tell you what your customers use, but it does give a general overview of the CSS support for modern browsers.
CSS has two official specifications and a third in development. But if you're going to design pages, you need to know what browsers your customers use and what versions of CSS those browsers support. This article can't tell you what your customers use, but it does give a general overview of the CSS support for modern browsers.
CSS Workflow - How to Start Work on a CSS Web Page
CSS workflows take into account both the needs of the designer and the needs of the language being used. CSS can be tricky even with the best tools, but if your workflow for creating a new Web page (or modifying an existing one) is consistent you'll create better pages and be faster at it.
CSS workflows take into account both the needs of the designer and the needs of the language being used. CSS can be tricky even with the best tools, but if your workflow for creating a new Web page (or modifying an existing one) is consistent you'll create better pages and be faster at it.
Build a Master Stylesheet
If one of your goals in creating a Web page is to make it look as close as possible across browsers, then the first thing you should do is create a master stylesheet to remove default browser styling. That way, when you build your designs with your design stylesheets, you'll be starting from a clean palette.
If one of your goals in creating a Web page is to make it look as close as possible across browsers, then the first thing you should do is create a master stylesheet to remove default browser styling. That way, when you build your designs with your design stylesheets, you'll be starting from a clean palette.
CSS Cheat Sheets
These cheat sheets will help you learn to use CSS both for basic styles and to create great layouts for your Web pages. Free CSS cheat sheets for you to download and print out.
These cheat sheets will help you learn to use CSS both for basic styles and to create great layouts for your Web pages. Free CSS cheat sheets for you to download and print out.
FREE Cascading Style Sheets Class
In this free class, you will learn how to add Cascading Style Sheets 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.
In this free class, you will learn how to add Cascading Style Sheets 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.
Cascading Style Sheets Style Properties 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.
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.
CSS FAQ - Frequently Asked Questions About Cascading Style Sheets
There are many things that you need to know to learn to write Cascading Style Sheets. This FAQ will help answer some of the more common questions about CSS.
There are many things that you need to know to learn to write Cascading Style Sheets. This FAQ will help answer some of the more common questions about CSS.
CSS Tip of the Day
Learn more about CSS and how to use style sheets in your Web design.
Learn more about CSS and how to use style sheets in your Web design.
Adding Space to Web Page Text
Adding white space to HTML used to be fairly difficult, but now with CSS it's a lot easier to add spaces around objects, next to elements, and inside your pages. These CSS properties help you with indenting, outdenting, letter spacing, word spacing, line height, and white space.
Adding white space to HTML used to be fairly difficult, but now with CSS it's a lot easier to add spaces around objects, next to elements, and inside your pages. These CSS properties help you with indenting, outdenting, letter spacing, word spacing, line height, and white space.
Avoid Inline Styles for CSS
Once you've learned the basics of CSS it can be tempting to do things that ultimately make your CSS harder to maintain and use. But if you follow best practices for CSS, you'll have Web pages that are accessible and easier to maintain. One of the basic best practices for CSS is to not use inline styles.
Once you've learned the basics of CSS it can be tempting to do things that ultimately make your CSS harder to maintain and use. But if you follow best practices for CSS, you'll have Web pages that are accessible and easier to maintain. One of the basic best practices for CSS is to not use inline styles.
Converting the body Tag to CSS
Most HTML body tags are really ugly - crammed with lots of attributes that can be left off of a well-designed XHTML document.
Most HTML body tags are really ugly - crammed with lots of attributes that can be left off of a well-designed XHTML document.
CSS and Bulleted Lists
Learn how to get your unordered and Bulleted lists to look as you want them to.
Learn how to get your unordered and Bulleted lists to look as you want them to.
CSS Drop Caps
CSS drop caps are easy to create and this simple example will show you how.
CSS drop caps are easy to create and this simple example will show you how.
CSS Media Types
Use CSS media types to define different styles for different types of media, such as screen, print, tv, aural and others.
Use CSS media types to define different styles for different types of media, such as screen, print, tv, aural and others.
Framed Pages without Frames - CSS
CSS positioning is a great way to create framed pages without using frames - CSS allows you to position your HTML elements including making it look like a frame
CSS positioning is a great way to create framed pages without using frames - CSS allows you to position your HTML elements including making it look like a frame
How can I create a variable-width container without a table?
The display: table; CSS property is not supported in IE. This means that the only way to get the look of a table with CSS is to use a table.
The display: table; CSS property is not supported in IE. This means that the only way to get the look of a table with CSS is to use a table.
How Can I Create a Watermark on a Web Page?
Learn how to create a watermark background image with just CSS.
Learn how to create a watermark background image with just CSS.
How do you define the size of a font?
It's easy to make the fonts of your HTML documents larger and smaller with the font-size property.
It's easy to make the fonts of your HTML documents larger and smaller with the font-size property.
How to Avoid Deprecated HTML
It's one thing to be told to use CSS in place of deprecated HTML, but if you don't know what to use it can be difficult. This article will show you how to use CSS in place of those deprecated tags.
It's one thing to be told to use CSS in place of deprecated HTML, but if you don't know what to use it can be difficult. This article will show you how to use CSS in place of those deprecated tags.
Illustrated CSS Box Model
What are the parts of the CSS box model. Learn about how the different parts of the CSS box model work and how they interact with one another.
What are the parts of the CSS box model. Learn about how the different parts of the CSS box model work and how they interact with one another.
Most Popular CSS Tutorials
There are a lot of CSS tutorials and articles on the Web Design / HTML site at About, and these are the most popular Cascading Style Sheets articles.
There are a lot of CSS tutorials and articles on the Web Design / HTML site at About, and these are the most popular Cascading Style Sheets articles.
Rounded Corners Using CSS and No Images
Rounded corners on boxes is a popular way to make CSS designs look less boxy, but the most common method requires a large amound of images which can drastically increase the download time for your pages. This method uses stripes and inline elements to get the effect of rounded corners.
Rounded corners on boxes is a popular way to make CSS designs look less boxy, but the most common method requires a large amound of images which can drastically increase the download time for your pages. This method uses stripes and inline elements to get the effect of rounded corners.
Styles that Improve Your Text
CSS provides several properties for modifying your text so that your Web pages look more interesting. Text-decoration, text-transform, and text-shadow are useful properties to understand.
CSS provides several properties for modifying your text so that your Web pages look more interesting. Text-decoration, text-transform, and text-shadow are useful properties to understand.
Styling Horizontal Rules with CSS
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.
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.
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. When you're designing your page, don't forget to design your links.
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. When you're designing your page, don't forget to design your links.
Tips and Tricks Using CSS
Not all browsers support CSS the same, but there are some tricks to make your pages look the same even in different browsers.
Not all browsers support CSS the same, but there are some tricks to make your pages look the same even in different browsers.
Twelve Lessons for Those Afraid of CSS & Standards - A List Apart
It can be very difficult and long to make the jump from tables and non-standard HTML to CSS, but it is possible.
It can be very difficult and long to make the jump from tables and non-standard HTML to CSS, but it is possible.
Types of CSS Styles
Understanding the three types of CSS styles is important if you're going to use cascading style sheets effectively.
Understanding the three types of CSS styles is important if you're going to use cascading style sheets effectively.
Use Multiple CSS Classes on a Single Element
One of the more useful tricks with CSS is the fact that with the modern browsers you can use multiple CSS classes on one element to add styles as you need them.
One of the more useful tricks with CSS is the fact that with the modern browsers you can use multiple CSS classes on one element to add styles as you need them.
What font units are available in CSS?
There are many ways you can specify the font size in CSS - font units like ems, ex, pixels, and points are all available for you to design your pages.
There are many ways you can specify the font size in CSS - font units like ems, ex, pixels, and points are all available for you to design your pages.
What should I name my CSS style sheet file?
Deciding on a filename for your CSS style sheet is important so that you don't forget what the document is and what it contains.
Deciding on a filename for your CSS style sheet is important so that you don't forget what the document is and what it contains.
What's the difference between display: hidden and visibility: none?
These properties may seem like they do the same thing, but they actually act differently.
These properties may seem like they do the same thing, but they actually act differently.
Why must the ID attribute be unique on each page?
Most browsers display styles on IDs and classes the same way, even if the ID is duplicated on the page. ID is shorter to type, why should I not duplicate it?
Most browsers display styles on IDs and classes the same way, even if the ID is duplicated on the page. ID is shorter to type, why should I not duplicate it?