ONLINEPDFPROOFING.COM

splash proof digital camera - www.onlinepdfproofing.com

Menu


</body>   In this example, I've created a text box with an ID named mytextbox. Although this ID uniquely identifies


the element, it also allows me to set its style using the # identifier in the document-wide style sheet. Even better, I can reference the same ID in JavaScript to extract the value and present it in a JavaScript alert when the button is clicked. It's safe to say that, by using IDs, you are effectively "killing two birds with one stone." Tag Redefinitions: Tag redefinitions are an excellent way of redefining the properties of HTML tags as they are defined in the browser. For instance, Heading 1, represented by the <h1> tag, is generally defined by the browser as having a font size of 7, a font face of Times New Roman (depending on user settings in the browser), and having a color of black. You could change the way the tag appears in the browser by redefining the tag using a CSS tag redefinition as follows: <head> <style> h1 {font:arial;font-size:12px;color:red;} </style> </head> <body> <h1>Welcome to the Dorknozzle site!</h1> </body>   In this scenario, the <h1> tag redefinition is defined with properties of Arial for the font, 12 pixels for the size, and red for the color. In the body, we do little more than wrap the literal text with the <h1> tag. In the browser, our text is defined with the properties we set in the document-wide CSS style sheet. The power of CSS is virtually limitless. With three methods for creating style sheets and four methods for defining styles in those style sheets, you now have an opportunity to greatly improve the look and general feel of your website using a flexible and robust environment. But you still might be in the dark about the differences between HTML and CSS. In the next section, we'll dissect the differences. CSS versus HTML Although CSS properties can create the same types of presentation effects as HTML tags and attributes, CSS styles go far beyond the restrictive aspects of HTML, enabling you to create stunning effects that ordinarily can't be created using HTML. Beyond simple text effects, CSS styles can also be used to lay out the entire page, entirely avoiding the use of HTML tables. This allows HTML to be used for its primary purpose of conveying the structure of the content while the style sheet defines the presentation and overall "look." A list of differences is provided in Table 7.1. Table 7.1. Comparisons of HTML and CSS Element HTML CSS Font Face Limited to 6 font faces with slight variations for families. Limited to 7 font faces with slight variations for families. Font Size Limited to absolute sizes of 17 and relative sizes of +1+7 and 17. Virtually limitless. You can use pixels, points, picas, inches, centimeters, metric, and so on. Even better, the size is limited only by the space available on your page. Therefore you can use 11.25 points, 2.25 inches, and so on. Color Standards compliancy dictates 256 web-safe colors. Standards compliancy dictates 256 web-safe colors. Font Weight Limited to <strong> and <em>. Options include Bold, Bolder, Normal, Light, Lighter, and weight values of 100900.