Cascading Style Sheets

Sorted by:  

The Parts of a CSS Rule

The following figure shows the parts of a CSS rule. This rule says, "Display in red the text of any paragraph <p> in the document with a class name attribute [more…]

CSS Web Design For Dummies Cheat Sheet

Cascading Style Sheets (CSS) works with HTML to simplify web page design. If you understand how to use CSS rules, you can specify a style once that can be applied to every page [more…]

CSS3 Selectors

CSS3 provides access to a wide variety of selectors that you use to identify which element to format on a page. A selector defines what to format; the style defines how to format it. However, it’s easy [more…]

CSS3 Properties

Some CSS3 properties are rarely used; many others are used frequently enough that developers should know about them. Properties and their associated values form the basis of the formatting you perform [more…]

CSS3 For Dummies Cheat Sheet

When you think about adding design elements to websites, CSS3 automatically comes to mind. CSS3’s properties and selectors offer many options and tools to help you edit and define a website’s presentation [more…]

Basics of the CSS3 Modules

Previous versions of CSS relied on a single specification document to detail all of the features it provided. CSS3 takes a different approach — it relies on the concept of modules to provide the specification [more…]

Basics of CSS3 Styles

The best way to start with styles in CSS3 is to view them simply as a means of formatting information onscreen. Because most of the information you’ll work with is text, it’s easiest to start with text [more…]

How to Create External Styles in CSS3

Most developers use external styles in CSS3 to reduce the amount of work required to maintain a site. A single .CSS file contains all of the styles for the site, which means that changing a style site-wide [more…]

Basics of the CSS3 Units of Measure

There are many ways to specify a value when working with CSS3. For example, you can simply say that the browser should use a large font (where medium is the default size). You can also tell the browser [more…]

How to Use a Tag or Element Selector in CSS3

Tag (or element) selectors are character sequences in CSS3 that you use to choose tags such as <h1> and <p>. In fact, you can select any HTML tag this way. A tag selector always relies on the tag name, [more…]

How to Choose the Best Font in CSS3

Text, as an abstract presentation of concrete concepts, ideas, and objects, requires fonts for presentation. The font chosen in CSS3 for the text often does as much to convey an idea as the text itself [more…]

How to Choose a Web Safe Font for Functionality in CSS3

There’s no one web safe font for every platform unless you want to use the most generic font types in CSS3. Developers want to maintain a certain appearance, so it’s important to include specific fonts [more…]

How to Use Safe Text Decoration in CSS3

The only safe text effect in CSS3 is the use of the text-decoration property to define the addition of a characteristic to the font. This property works everywhere, so you don’t need to worry whether someone [more…]

How to Add CSS3 Text Effects

A CSS3 site can make use of new text effects, in addition to simple text decorations. Of course, the tradeoff is that you must know that the viewer has the required support. [more…]

How to Use Color Values in CSS3

CSS3 supports a number of color value systems. The only requirement is that the browser also supports the color system. Here are the color systems that most browsers support: [more…]

Basics of the <img> Tag for CSS3

The <img> tag has been around in CSS for a long time — so long, in fact, that it has picked up a bit of baggage along the way. Developers who think that the <img> tag supports certain attributes may be [more…]

How to Create a Border around an Image in CSS3

One of the more common changes you can make to an image in CSS3 is to add a border. This sets off the image from the other content on the page. Of course, CSS3 offers a broad range of border types. The [more…]

How to Create a Selectable Interface in CSS3

Making it possible to select from a list of items in CSS3 reduces the chance that the user will enter incorrect information. Fortunately, HTML5 already comes with a number of selection controls, but you [more…]

How to Use the Google APIs Explorer with CSS3

Google offers a wealth of APIs for CSS3 that cover everything from working with Ad Exchange to presenting driving instructions with Google Maps. In fact, there are so many APIs that most developers have [more…]

How to Use Multiple Styles Together with CSS3

Understanding the rules of inheritance in CSS3 helps you create interesting sites that require a minimum of maintenance. By following these rules, when maintenance is required, you normally have to make [more…]

How to Set up Quick Navigation with CSS3

Most sites provide some sort of site navigation aid. If you don’t provide this sort of support with your CSS3 programming, the user may get lost and you’ll lose business or at least activity. Site navigation [more…]

How to Transform Objects with CSS3

In CSS3, a transform changes the appearance of objects onscreen in a specific way. For example, you might rotate the object or skew its dimensions. Transforms make it easy to create unique presentations [more…]

How to Interact with Object Attributes with CSS3’s attr() Function

The attr() function is interesting because it lets you interact with any attribute of an object as part of a style. You see this function used in a number of unique ways on the Internet, even though it [more…]

How to Work with Multiple Columns in CSS3

CSS3 provides a new method for working with columns that doesn’t require you to have a math degree and perform test setups with arcane styles.

The column styles provide the means to create multiple columns [more…]

How to Detect the User’s Browser Type in CSS3

In most cases, developers don’t get to choose a user’s browser. To determine whether a particular user can work with your CSS3 application, then, you need first to detect the user’s browser — and then [more…]