Home | CSS | Tables | Images | Typography | Layout | Devices | Color Theory | Forms | Features | Resoures | Access |
Types of Style Sheets
Example:<head> <style type="text/css"> <!-- h1 {color: blue; font-family: Verdana;} --> </style></head>
Link example: <link rel="stylesheet" href="mystyles.css" type="text/css /">
Example: <h1 style="color: blue; font-family: Times New Roman"> This text would be blue in Times New Roman font. </h1>
Understanding Selector Types on a CSS
p {color: green;} or h1 {font: Arial;}
#divpurplecenter {font-size: 24px; color: purple; text-align: center; }
<div id="divpurplecenter">
This text is aligned center with purple, 24 pt text
</div>
.red {color: red;}
<p class="red"> This text is red </p>
LoVe HAte can help you to remember to define them in the following order: :link, :visited, :hover, and then :active. Because of the cascading nature of style sheets, these classes will be applied in the order they are defined.
Block Level Elements vs. Inline Elements
Home | CSS | Tables | Images | Typography | Layout | Devices | Color Theory | Forms | Features | Resoures | Access |