The Cascading Style Sheets Structure and Rules

Share No Comments  Email

By: Energy Complaints | posted in Blog, HTML/CSS, Tutorials, Web Design |
Date: July 5th, 2009

The Cascading Style Sheets are made up of 2 parts, the selector and the declaration.

The selector comes first and it describes the element on the page that is going to be control through this rule.

In the image below you will see the selector which will control all the h1 in the current document.

Next to the selector you will see the declaration. The declaration are contain in between these curly brackets { } which tells the browsers that all properties inside { } should be apply to the element identify as the selector (in this example h1 selector)

Inside the declaration we have the property and values. Notice they are separated by : and ends with ; this tell the browsers to move to the next property if there are any available.

In this example, our rule will take all the h1 and make them all Arial with the font size at 1.4em and the color will be white.

You can use Dreamweaver to do this for you, or if you want and you have memorialize all the selector and declaration you can always hand code them.

Find more info on Cascading Style Sheets Structure and Rules with the text links below.

Related posts:

1. Understand Style Sheets CSS stand for Cascading Style Sheets. A CSS style is a collection of formatting attribute that is use to style an element on a page....
2. Another Visit from National Home Services I’ll keep writing a new post each time I get a new visitor from National Home Services or from one of their other companies....
3. Hydro One rated worst in 2010 electric customer satisfaction It is always nice to know when you are doing a good job and most companies are quick to post any awards they received. However,...
4. Create HTML table with fixed width columns with CSS So you want to create your HTML table with fixed width for all the columns regardless of what ever content you have inside the table...
5. Manitoba Hydro rated best in 2010 electric customer satisfaction According to a recent study by J.D. Power and Associates, Manitoba Hydro is rank first for 2010 electricity customer satisfaction for large segment electricity supplier....
6. Variable rate vs. fixed rate natural gas and electricity prices Differences between variable rate and fixed rate You can buy natural gas & electricity for your home or business as variable rate, fixed-rate or even...
7. 10 months after my laid off Well, I got laid off from my last job as a web designer back in November 2009, when the banking and housing industries collapsed...
8. What is the difference between id and class ID tags are very similar to class tag, that’s is why many people are confuse. I always wonder this myself…here is what I know… ID...
9. Understanding natural gas & electricity prices If you live in Canada or US, there are two methods on how you can buy natural gas and electricity for your home or business....
10. Two different design and layout for wordpress posts Lets say you have your wordpress setup and ready to go. But we all know that the current default wordpress can only have one single...