Advanced CSS Topics | Once you've gotten through the rest of the CSS tutorial, you've learned the basics of CSS and how to apply them to various types of HTML elements. But there is a lot more to CSS than that. These advanced topics bring up aspects of CSS and styling Web pages that may not be supported yet or are just theoretical. | |
Advanced Boxes with CSS There is more to boxes than the basic CSS box model. With CSS you can affect the amount of content that is displayed in a box, how it is clipped, and what happens with the over flowed text. You can even create fake frames with these style properties. |
|
Specialized CSS Syntax CSS syntax doesn't end with the basic syntax. There are several different advanced CSS selectors that you can use to define the exact elements you want styled. |
Media Types and At-Rules Media types allow you to define styles for how your Web documents might display. For example, you can define the media as "print" for printed documents or "tv" if the page is displayed on a television monitor. <style media="projection"> ... </style> Another way to define media rules is with @-rules. You use these to define the styles for different media types: @media print { p { font-size : 12pt; } } |
Printer Friendly Web Pages with CSS One trick you can do with CSS is to create printer-friendly pages by defining style sheets for the print media type. Modern browsers will then print the Web page with print styles that can be very different from the Web browser styles. |
Aural Style Sheets When people think of style sheets, they generally think only about how the page will look. But Aural Style Sheets are a part of CSS 2 and allow you to define how your Web pages should sound when read. |
CSS Generated Content CSS 2 added the new feature of generated content. This is content that the CSS adds to the HTML document. It is intended to add things like quotation marks around quotes, numbers or short intro text before or after elements, or bullets and images as icons. The problem is that generated content is not supported by Internet Explorer. Until this is resolved, Web designers should be advised not to use it. |
CSS Level 3 CSS 3 takes the different sections of CSS and separates them into modules. The idea being that as different sections are approved, then can be made standards even if the entire CSS specification isn't standardized. There are a number of CSS 3 selectors that allow you to identify specific elements or parts of elements for styling. Some of the more interesting ones include the attribute selectors that select on an element that has all or part of an attribute. |
0 comments:
Post a Comment