Expression Web's Style Builder is used to create CSS Style Declarations, or Style Rules. Each Style Rule is applied to an (X)HTML page element. This is how we style a web page. The default (X)HTML elements are not very stylish by themselves, so we can spruce it up using CSS.
This part of my web site is a work in progress. Please, feel free to leave me a comment, ask questions, or make a suggestion. I will provide a comment box on each page.
Note: This is not going to be a CSS Reference like the other ones on the internet. This Reference will use words we can all understand as beginners. Examples and Tutorials will be used in situations where more clarification is needed.
Furthermore, I will present CSS Properties in the Context of Expression Web's Style Builder. If you open the Style Builder (click "New Style"), you will notice a list of Categories on the left side. These Categories will be listed in the side bar navigation. Click on each one to learn how each CSS Property is utilized.
The Style Builder Categories contain the most commonly used CSS Properties, which are organized by type of property.
1. Font and Block Category: deals with formatting text and fonts.
2. Background Category: lists properties that have to do with backgrounds.
3. Border Category: Deals with setting borders on page elements.
4. Box Category: here you can set margins and padding
5. Position Category: Here you can set width, height, and css position properties or z-index.
6. Layout Category: the properties listed in this category include: float, clear, display, overflow, clip, visibility, and cursor.
7. List Category: we use these properties to set bullets or digits for lists, or remove all list style types all together.
8. Table Category: this category is used to style table properties. This is a category I rarely use.