Table of Contents
Advertisement
Formatting pages with Cascading Style Sheets
Note
Browser inconsistencies currently limit the full implementation of styles. To develop
a cross-browser design strategy, you must research these inconsistencies, and select
the browsers and browser versions that you want to support.
Managing a website or application with CSS
CSS separates the tasks of formatting and developing content. Therefore, the optimal
time to plan and implement styles is in the design phase of a web project. You can
add styles later, but this requires that you delete the formatting code within tags;
otherwise, the styles have no effect.
As your site or application evolves, you can update, add, and delete styles globally.
This gives you more time to test and compare styles, to achieve your design goals.
Style syntax
If you edit styles manually, you must adhere to their syntax requirements. The
following are the basic coding requirements for styles:
• Properties and their values must be inside curly braces ({ }).
• Each property/value pair must be separated by a colon.
• Each property/value pair must end with a semicolon.
These requirements apply to both embedded styles and stylesheets. To use a
stylesheet, create a CSS file and then, right before the
Example:
About the integrated style editor
TopStyle Lite provides an integrated user interface for designing and deploying
Cascading Style Sheets (CSS). TopStyle lets you define, preview, and apply styles to
web content. It has color-coding like HomeSite+ for Dreamweaver MX, so you can
identify the various style elements.
Putting a space on both sides of the colon is a convention for better readability,
but it is not required.
<link rel="stylesheet" type="text/css" href="[path to stylesheet]">
<link rel="stylesheet" type="text/css" href="/css/news.css">
tag, add the following:
</head>
81
Advertisement
Table of Contents
