Here I am, checking out a web page.
W3C Links: CSS
- CSS1 Specs
- CSS2 Specs
- CSS Validation Service
- HTML Elements
- HTML Attributes
- W3C Core Styles, by Bert Bos
CSS Information
- Complete CSS Guide, from Western Civilization Pty. Ltd.
- CSS Layout Techniques for Fun and Profit, by Eric Costello
- CSS Reference, from Javascript Kit
- CSS Tutorial, from W3School
- CSS Work, by Eric Meyer
- CSS1 Reference, by Miloslav Nic
- The Layout Reservoir, from BlueRobot.com
- Web Design Group's Guide to CSS
Grace's Guide to Cascading Style Sheets
Replacing Deprecated Code
CSS and Deprecated Elements
"Deprecated" is a cool word. I'm not sure why I like hearing it, but every time mom says it, I think its cool. Okay, so I'm a silly cat, but I do know what deprecated means. It means outdated and replaced. For example, in HTML 4.01 the font element is outdated. Instead of using the font element, you should use CSS properties such as font-family, font-size, font-weight.
For example, I want to add a sentence with the following properties: comic sans ms font, larger than the regular font size, bolded, pink, and italics like the following:
The deprecated code would look like this:
<center><p><font face="Comic Sans MS" color="#FF1493" size="+2"><i><b>Bold, bright pink italicized text in Comic Sans MS</b></i></font></p></center>
Transforming the deprecated code to CSS gives us the following:
<style type="text/css">
<!--
.pink {
font-family : 'Comic Sans MS', cursive;
color : #FF1493;
background-color : transparent;
font-weight : bold;
font-size : large;
font-style : italic;
text-align : center;
}
-->
</style>
<p class="pink">Bold, bright pink italicized text in Comic Sans MS</p>
Much clearer, huh? It's lots easier to use again and again when it is defined as a class. Deprecated elements include: basefont, center, font, s (strikethrough text style), strike (strikethrough text), and u (underline). A full list of all HTML 4.01 elements and their status is located on the W3C site at http://www.w3.org/TR/html4/index/elements.html
CSS and Deprecated Attributes
HTML attributes can be deprecated too. CSS is great because it can easily replace this outdated stuff. Here are some of the deprecated attribtues: align (for just about every element except some of the table elements), alink, background and bgcolor, border in the img element, face in font and basefont, language in the script tag, link in the body tag, noshade, nowrap, size in hr and font, text in the body element, type in list elements, and vlink.
A complete list of HTML 4.01 attributes can be found on the W3C site at http://www.w3.org/TR/html4/index/attributes.html
