Cascading Style Sheets

Sorted by:  

Taking a Tumble with CSS

What does the term cascade mean for style sheets? It means that a CSS rule tumbles down through the code, and sometimes bumps into a conflicting rule.

The cascade is about what programmers call [more…]

Specifying Size and Position with CSS

In a CSS style definition (or rule), you can describe positions and sizes in many ways, using may different units of measurement. You can often choose whatever unit you want, although certain specific [more…]

Expanding Efficiency with Cascading Style Sheets

Defining a style in one location as CSS does has several advantages. First, it eliminates redundancy: You don't have to keep specifying its font size and color each time you use the <h1> tag in your document [more…]

Common CSS Properties in Microsoft Expression Web

This table represents the Expression Web properties you specify to use in the New/Modify Style dialog box and the CSS Properties task pane. (This table does not include all CSS properties available in [more…]

HTML, CSS, and JavaScript Code Hints

As a Web designer, you use some bits of HTML, CSS, and JavaScript code frequently but not often enough to commit to memory. The following HTML code, CSS style, and JavaScript hints are handy when you are [more…]

Common CSS Attributes

Cascading Style Sheets (CSS) allow a programmer to create and apply various styles, such as color and formatting, to text and Web page layout. The following table lists the CSS attributes you will use [more…]

Using Cascading Style Sheets, or CSS

Cascading Style Sheets (CSS) is a styling language that enables you to create a more attractive, well-designed Web site and make it much easier to manage and organize. Here are three basic reasons that [more…]

Setting Up CSS in HTML

CSS is a style sheet language used to define the appearance and formatting of a document written in a markup language — often HTML. A style in this sense is a set of text-formatting instructions, such [more…]

CSS References and Resources

Cascading Style Sheets (CSS) give you more flexibility in your website's formatting and layout, as well as letting you make global changes to all the pages on your site. The following table lists some [more…]

How to Edit the Code of a Joomla Template

You can get into a Joomla template’s actual HTML and CSS code via its Customize Template page, which contains Edit HTML and Edit CSS buttons. Click the CSS file you’re interested in working with to view [more…]

How Modern Websites Use CSS

External style sheets are files outside of (but linked to) HTML pages that supply style and layout to web pages. Cascading style sheets are one example of external style sheets. The following are reasons [more…]

The Order Cascading Style Sheets Cascade

You might be asking yourself: "Why are style sheet files dubbed cascading style sheets (thus the "C" in CSS)?" Cascading refers to how styles are applied and in what order — that is, which styles take [more…]

New Design Tools and New Styles with CSS3

CSS3 makes graphical effects cheaper and easier to create, faster to download on web pages, and more accessible in all kinds of environments and search engines. [more…]

How to Apply the CSS3 Border-Radius Effect

The CSS3 border-radius effect defines rounded corners. And, you need to use browser-specific prefixes when defining a border-radius. Here a few rules for defining a border-radius: [more…]

How to Apply Two CSS3 Shadow Effects

CSS includes two shadow effects, both of which require at least two properties: horizontal and vertical shadow dimensions. CSS3 effects are rapidly being integrated into web page design, and designers [more…]

How to Apply Opacity/Transparency in CSS3

The opacity or transparency is a new effect in CSS3. Designers are really in the early stages of experimenting with this effect. In CSS3, transparency is defined by assigning a value to the opacity property [more…]

The CSS3 @font and 3D Transforms

The practical impact of a couple of CSS3 features is not yet proven — the @font property (which has generated considerable buzz) and an emerging set of 3D transforms. [more…]

Create a New Style Sheet in the CSS Styles Panel

When you click the New CSS Rule icon (shown in the margin) at the bottom of the CSS Styles panel, the New CSS Rule dialog box opens. The New CSS Rule dialog box combines features for defining styles for [more…]

How to Apply CSS3 Effects and Transforms in Dreamweaver

The CSS3 effects and transforms can be defined in the CSS Styles panel. Creating a CSS3 effect takes some typing on your part. To add a CSS3 effect or transform to a style definition, follow these steps [more…]

Preview HTML Documents on a Cellphone, Tablet, or Laptop in Dreamweaver

One of the celebrated new features in Dreamweaver (first introduced in CS5.5) is the Multiscreen Preview, which works in tandem with the interactive Media Query tools in Dreamweaver. Those Media Query [more…]

How to Create a Media Query in Dreamweaver

Media Query identifies a media (print, screen, handheld device, and so on) and displays the HTML page with a CSS style sheet based on that media. So, for example, if the page is opened in an Android mobile [more…]

CSS3 and Browser Support

The current state of standards for web browser support for CSS3 effects and transforms is in flux. Most likely, over time the powers-that-be in the browser world — those who publish Internet Explorer, [more…]

CSS Code Hinting in Dreamweaver

Dreamweaver’s Code view (or Split view) is a great environment for writing CSS styles. You can create a new style sheet document in Dreamweaver and apply all CSS coding techniques. Do that by following [more…]

The Anatomy of Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics — the style and positioning — of elements within a web document written in a simple markup language. [more…]

Four Types of Cascading Style Sheets in Web Design

Cascading Style Sheets (CSS) fall into four different types (or styles). When you understand how these four different types work, you'll be styling your web pages more efficiently. [more…]