A Style Declaration is the most basic unit of CSS. A style declaration is also referred to as a CSS Style Rule, or simply just a Style.
The Selector: #container
Place a <div> on your web page. Then click "New Style" in the Manage Styles Task Pane. The Style Builder opens. The first thing you need to supply is a selector. This selector and all the styles you assign, will be applied to the you just placed on your web page. Therefore, the #container will be 850px wide, it will be centered (auto margins) and it will have a blue background.
1. CSS Selector
2. Declaration Block
3. The Declaration Block is further broken down into Property: Value Pairs.
A Property: Value Pair is a CSS Property and an appropriate value intended to be applied to the (X)HTML page element in question.
For instance, the example above is a Style Declaration. The Selector is #container while the Declaration Block is located between the curly brackets.
The #container Selector will style one particular on our web page. Now, realize, I chose the name "container". However, I had to use the pound # sign to indicate the type of Selector I am using. In this case, #container is an ID Selector.
An ID Selector is indicated by the pound # sign.
There are three Property: Value Pairs
located within the Declaration Block in the above example:
width: 850px
background-color: #444555
margin: 0 auto 0 auto
So, yes, you can have one or more Property: Values listed in the
Declaration Block.
It's true, we don't have to write our own style rules. However, if you are going to get the most out of Expression Web, then it is a good idea to understand how CSS is written. This will provide you with the ability to understand CSS tutorials on non-expression web web sites. But more importantly, you will develop the ability to apply css techniques in many different situations.
