the first letter in the word. Text Decoration Supports underline and strikethrough. Supports underline, strikethrough, overline, and can even remove underlines from links using the None property. Link Rollovers Not supported. Using contextual selectors such as Hover, you can have links on the page that change color when a user rolls over them. Background Color and Images Can set the background color of the page, tables, cells, and layers. Unfortunately background images always tile. Supports background color for the page, tables, cells, layers, and even text. Tiling can be limited to tile just vertically or horizontally, or prevented from tiling at all. Block Formatting Limited to nonbreaking spaces, paragraph breaks, and line breaks. Text indenting is limited to <blockquote>. Properties exist to control word spacing, letter spacing, vertical alignments, text indenting using pixel spacing, and so on. Table Formatting Cell padding and cell spacing must be defined for the entire table. Thus, padding and spacing appears around all edges of the table and cell. Cell padding and cell spacing can be adjusted on each side of the table independent of other sides. This means that the left edge of all tables and cells can have a spacing and padding of 0 while other sides can have a spacing or padding of 5. Borders Tables, layers, images, and cells can contain simple borders. Sizes are controlled by pixel, and the color is limited depending on element type. All elements (including text) can have borders. Even better, border styles can be set, widths can be set in pixels, percentages, inches, and so on, and the color can be customized as well. Lists Lists are limited to bullets, squares, numbers, and roman numerals. All options available in HTML are relevant in CSS including the ability to customize your own image to use with the list item and also to control the positioning of the image in the list item. Positioning Limited to using tables to control the placement of elements on the page. CSS positioning properties in conjunction with the <div> HTML tag expose functionality for creating draggable and precisely positioned elements in the Document window and, ultimately, the browser. This feature set mocks the functionality of print design programs. Cursor Customization Not supported. Cursor can be customized to 14 different icon types.   Although we're merely scratching the surface in our comparison of HTML and CSS, you can begin to see the overall benefits that CSS has over HTML. To further elaborate on the differences between the two, I need only point to the structure of properties that control the look on the page. For instance, Figure 7.2 shows a typical formatted page using HTML formatting elements. As you can see, elements formatted using HTML are difficult to pick out because of the abundance of code. Even worse, all elements on the page are formatted independently of one another making global changes nearly impossible. Figure 7.2. Elements formatted using HTML are hard to spot because of the abundance of code. [View full size image]   Alternatively, take a look at Figure 7.3, which shows a similar page formatted using CSS. As you can see, CSS cleanly separates the formatting of the page into a separate file, effectively making your HTML cleaner and easier to manage. Furthermore, separating the formatting of the page into a separate file that uses the power of CSS enables you to work with that file across your entire website.