K-State's Cascading Style Sheets

Cascading Style Sheets
What is a CSS and how does is work

K-State's Style Sheet
A central style sheet you can use on your site

Using the K-State Templates
Using the central web templates with the central style sheet

More information on CSS
Links to indepth information about style sheets

K-State's Style Sheet

K-State has a central style sheet that is used on many of the top level web pages. This style sheet is available for use on K-State web sites. In can also easily be used in conjunction with the K-State templates.This page is using K-State's style sheet with an additional style sheet for more specific style needs. Here's an example of another page using the style sheet.

K-State's style sheet, k-state.css:

H1 {: font-family: Arial, Helvetica, sans-serif;; font-weight: bold;; font-style: italic;; text-align: center;; font-size: 130%;
}

H2 {: font-family: Arial, Helvetica, sans-serif;; font-weight: bold;; font-size: 115%;
}

H3, H4, H5, H6 {: font-family: Arial, Helvetica, sans-serif;; font-weight: bold;
}

A.mailto {: font-style: italic;
}

.accesskey {: text-decoration: underline;
}

A.nounder {text-decoration: none; color: black;}
A:focus {text-decoration: underline; color: blue;}
A:hover {text-decoration: underline; color: blue;}
A:active {text-decoration: underline; color: red;}

Applying K-State's Style Sheet

To apply K-State's style sheet, link it in the HEAD of the document:


<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

<HTML>

<HEAD>

<TITLE>Cascading Style Sheets at K-State</TITLE>

<LINK REL=STYLESHEET HREF="/tools/css/k-state.css">

<META NAME="description" CONTENT="Cascading Style Sheet use at K-State.">

<META NAME="keywords" CONTENT="K-State CSS Cascading Style Sheet,templates">

<META NAME="DC.Rights" CONTENT="Copyright 2001 Kansas State University, Computing and Network Services">

<META NAME="author" CONTENT="CNS WebTeam, webmaster@ksu.edu">

</HEAD>