| Home Design Brief Our Chapter National TSA |
Design Brief: Cascading Style SheetsCSS is text, either in a separate file or embedded in the web page, that easily specifies how various categories of text should appear. For example, CSS can cause all links to be in the same font, size, and color; it can also cause the links to be underlined when the mouse passes over it. An embedded style sheet appears at the beginning of the document, in between the < head > and A simple embedded style sheet, such as the one in this page, looks like this:
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none} a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:underline} p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration: none} h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#000000} h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000} font-family controls the typeface, font-size specifies how big the letters are, color specifies the color, and the text-decoration specifies things like underline or blinking text. For more advanced users, style sheets can also be used for page layout, page or section backgrounds, and interfacing with databases for web pages that are updated through a PHP interface. Weblogs and online news sites usually use content databases with PHP interfaces. |