“style” that contains formatting options that can be applied to document elements.
For example, consider the following code:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<title>A Sample Style</title>
<style type=“text/css”>
h1 { color: Red; }
</style>
</head>
<body>
...
Note the <style> element inside of the <head> element. It defines one style, setting the font color of all <h1> elements to red. This is the same as using the following code throughout the document, wherever <h1> elements are used:
<h1><font color=“red”>Heading Text</font></h1>
Using the preceding method (<font> tags), you would need to change every instance in the document if you later changed your mind about the formatting. Using CSS requires that you change only the style definition at the top of the document to affect all <h1> elements.
NOTE: CSS can be a complicated beast, especially once you get into the different selector methods, inheritance, and the complete cascade picture. However, at its core it is a very simple concept: Assign formatting attributes in one place that can be easily modified later. As you read through the chapters in Part II, keep this concept in mind and resist getting bogged down in the CSS concepts that you may not need.
Hi, I'm Moinuddin. I'm a Software Engineer at WIPRO working on Microsoft .NET Technology. I'm interested in a wide range of technology topics, mainly Microsoft including Windows Azure, WCF, WPF, Silverlight and any other cool technology that catches the eye.
0 comments:
Post a Comment