This section contains several tips and tricks to adding certain features to make your design accessible as well as interesting.
First and foremost, one should understand the box model.
The Box Model - First there is content which is in a container. The border marks the boundaries of the container. What separates the border from the content is padding. What separates the container from everything else is the margin.
Another aspect to coding for CSS is that one should be made aware that the DOCTYPE must be specified. Whether it's transitional or strict does not matter, as long as it is specified. IE will not interpret it correctly otherwise. An example of the doctype is found below.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
The samples are below.
Sample 1 (Centering in IE)
Sample 2 (First-line & First-letter Selector)
Sample 3 (Overflow property)
Sample 4 (Menu - Navigation)
The instructions and the practice CSS can be found below. There is also a link for the resource page.
Instruction Practice CSS StyleSheet Finished Doc Resources
Click here to download the zip file of everything used in this presentation.
techtime2-01.zip techtime2-02.zip