CSS Style Guide

This section assumes you have a basic understanding of HTML.

CSS Stands for Cascading Style Sheets. CSS styles define how to display HTML elements (including typeface, color, size, etc.). You can redefine existing HTML elements such as <h1> or <p> tags or you can create your own style classes. These classes are used in your HTML Tags.

The content management system pages have cascading style sheets that are linked to each page. The following example shows how you would use the "FontTitleSection" class to set a style on a paragraph:

<p class="FontTitleSection">the paragraph text</p>

This paragraph would display as you see below:

the paragraph text

:: CSS STYLESHEETS
Click below view the class names used in the stylesheets along with examples and the style code used. WSU CSS Stylesheet Guide

:: CSS REFERENCES
W3C CSS Tutorial Provides tutorials, examples and quizzes about cascading style sheets. CSS Pseudo-Classes The cascading style sheets used in the content management system use CSS pseudo-classes. This web page provides an explanation of pseduo-classes and how they are used. Zvon CSS tutorials and examples Provides a description of what you will learn in the tutorial along with an example of the CSS code the tutorial is trying to explain. This site also provides a visual representation of the style that is defined. Example 15 demonstrates the way you would use the stylesheets provided with the content management system. W3C Cascading Stylesheets, Level 1 This is a document describes CSS1 and its standards. This document is written in essay format and provides a complete description of CSS level 1 from basic concepts to advanced topics. CSS Frequently Asked Questions Provides answers to some frequently asked questions about CSS. Some answers include examples.

Translate

Weber State University

Ogden, Utah 84408