HTML Dog: The Best-Practice Guide to XHTML and CSS

HTML Dog: The Best-Practice Guide to XHTML and CSS

Patrick Griffiths

Language: English

Pages: 368

ISBN: 0321311396

Format: PDF / Kindle (mobi) / ePub


For readers who want to design Web pages that load quickly, are easy to update, accessible to all, work on all browsers and can be quickly adapted to different media, this comprehensive guide represents the best way to go about it. By focusing on the ways the two languages--XHTML and CSS--complement each other, Web design pro Patrick Griffiths provides the fastest, most efficient way of accomplishing specific Web design tasks. With Web standards best practices at its heart, it outlines how to do things the right way from the outset, resulting in highly optimized web pages, in a quicker, easier, less painful way than users could hope for! Split into 10 easy-to-follow chapters such as Text, Images, Layout, Lists, and Forms, and coupled with handy quick-reference XHTML tag and CSS property appendixes, HTML Dog is the perfect guide and companion for anyone wanting to master these languages. Readers can also see the lessons in action with more than 70 online examples constructed especially for the book.

 

 

 

 

 

 

 

 

 

 

 

 

Upper and Lower Case If you really want to get hard core (and why not?) you shouldn’t even be writing words all in capitals in your HTML just to achieve a certain look for a heading, or emphasis, for example. Instead of

THIS IS A DAMNED FINE HEADING

, why not try

This is a damned fine heading

and trying out font-variant or text-transform? font-variant: small-caps will convert lowercase letters to small uppercase letters, but that’s probably not as useful as

techniques discussed in Chapters 2, 3, and 4, you can also take the list by the scruff of the neck and alter list markers, margins, and even change the top-to-bottom vertical nature of the list to a left-to-right horizontal list. List Markers—Bul ets, Numbers, and Images List markers in unordered and ordered lists can vary. These defaults tend to be the same from browser to browser, but you can change them to suit, choosing from filled-circle, square, or empty-circle bullets or numbers or

then needs to fill out a second form, a form-processing script can dynamically construct the second form and include in it data from the first form, or even data that it has calculated after the submission of the first form, such as a customer ID. Another use is in setting variables for generic form-processing scripts. With some form-to-email scripts, for

counter-increment. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286 counter-reset. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286 cursor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287 direction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289 display. . . . . . . . . . . . . . . . . . . . . . . . . .

[Combines outline-color, outline-style, and outline-width] Example .ferrari { outline: 3px solid red; } Related properties outline-color, outline-style, outline-width, border outline-color The color of an outline. Not supported by IE/Win or Mozilla at the time of writing. Possible values • invert • [color] Example .redbull { outline-color: blue; } 0  |  AppendIx b: css reference Related properties outline, border-color outline-style The style of an outline. Not supported by IE/Win

Download sample

Download