Learn CSS & Expression Web 3

What is CSS?

CSS stands for Cascading Style Sheets and is a simple style language used to control the appearance of the elements on a web page. 

For instance, the heading in red, "What is CSS?" was made the color red using a CSS Style.  The banner at the top of the page is an image that was inserted as a background-image using CSS.  Actually, the different sections of the layout on this page were created using div tags.  But the appearance and size of each div was determined by CSS.  Likewise, the navigation menu on the right is done with CSS.

You will learn how to do the very same thing with CSS.....style web pages. 

CSS and Expression Web 3

If you learned how to use CSS with Expression Web 2, then you will find that it is no different in Expression Web 3.  We still use the same version of CSS, which is CSS 2.1. 

Frequently Asked Question

Q: Has Expression Web been updated to support CSS 3?

A: No.  But it doesn't have to be updated in order to use CSS 3.  You will need to write CSS 3 Style Declarations Directly onto your External Style Sheet.

For Instance:  Making Rounded Corners with CSS 3

#left-col {
    -moz-border-radius: 10px;
    -webkit-borde-radius: 10px;
}

This style declaration would be typed directly onto my External Style Sheet.  This is the CSS that would make rounded corners, and I applied it to my left-col, therefore, my left col now has rounded corners.

Note:  The above style declaration only works in FireFox and Safari/Google Chrome.  To make it work in IE we need to add some javascript which is found at CurvyCorners.net.  Use the Manual Installation. 

Learn CSS 2.1

The version of CSS that is widely supported by the web browsers is CSS 2.1 and that is the version we should all learn first.

I am updating this section as we speak.  Please check back shortly to learn more about CSS and how we use CSS in the context of Expression Web 3.