Skip to the content

Kansas State University

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>