Lists CSS Selectors can provide the Author extended control over how their Lists are formatted. Properties can be applied to the markers that appear before the list items to provide order to the information. In addition to the regular list styles that are available in HTML the author can also define their own marker item by using an image. Other proposed CSS declaration values would control how the list item markers are applied and indented in relation to the...
Aural style sheets To provide visually impaired users access to your pages CSS has provided some formatting declarations that will control how your pages are converted to synthesized speech. To date there are no browsers or addon products that will take advantage of these features. One similar application would be the Hawaii Education Literacy Project's Freeware application Read To Me. Although their program uses proprietary scripting to define how web pages are...
Tutorial Style Sheets in External Files Link To define an external Style Sheet to be used to format your HTML you use place a Link element in the Head area of the HTML file. The basic tag would be: Where HREF tells the location and file name and REL indicates the file is a Style Sheet. Additional Declarations include: Media Media is used to define the application of the CSS to its end use. If more than one external style sheet is...
Tips & Tricks Link Color Want to make some of your links a different color? Try adding a color style to your link. click here Mouseover Link Color Want to make your links change a different color? Try using the hover declaration. Works in IE4 & IE5 click here No Underline Link Want to remove the underline from your links? Try adding a color style to...
Text Formatting Where Font attributes apply to the character level Text Formatting applies to how the characters are manipulated to makeup words and how words are used to make sentences. Indenting The text-indent property will allow you to indent the first line of a block of text. Values include: length, percentage P { text-indent: 3em } Text Alignment Defines how a block of text will be aligned within a containing element. Values include: left, right, center,...
Selectors A Selector is the definition of a formatting Style that can be applied to a HTML Element. The Selector has three basic parts: Element { Declaration : Value } The Declaration and Value are surrounded by {} braces and the Declaration is separated from the value by a colon : and a space. The Selectors relation to common HTML would be similar to this tag structure that is used to define the color of a font: < font color = orange > Where Font is the Element...
Font Specifications Font family A font family is a group of fonts that resemble each other. When you are defining your selector to set the font family your text will be rendered in you can use Exact Names that refer to fonts that are installed on the enduser's system (Arial, Verdana) or you can define Generic names as a last resort. Possible Generic Font Family names include: cursive, fantasy, mono-space, serif and sans-serif. When you are defining Generic...
Cursors To add context to the elements in your documents you can use the Cursor property to control how the pointer will be displayed when it passes over your elements. This declaration only works in IE4 Animated cursors can not be defined. Values and their descriptions include: auto: Allows the Enduser's browser to select the Cursor. crosshair: Crosshair default: Default Cursor pointer: Pointer that indicates a link. move: Indicates something is to be moved...
What is Cascading? Because both the Author and the Enduser have the ability to use and apply their own style sheets, Cascading is used to control which Style Selector will be used and which Style Selectors will be overridden. Normally if the Author and Enduser apply different values to the same element the author's settings will override the enduser's. However because there are situations where the enduser's settings should have a higher priority the cascading...
( Page 1 of 4 ) CSS or cascading style sheets are used to create a set of styles that can be applied to your fonts, tables and most other attributes of your web page. These styles allow you to create a much cleaner, faster web page that search engines love and also makes life much easier on the designer when global changes to these styles need to be applied. It is also always critical to always keep in mind your target audience and the average Internet connection speed these users have....
