Difference between revisions of "CSS"

From BC$ MobileTV Wiki
Jump to: navigation, search
Line 160: Line 160:
* Pure CSS Light Box: http://www.tutorialhero.com/click-49852-pure_css_light_box.php
* Pure CSS Light Box: http://www.tutorialhero.com/click-49852-pure_css_light_box.php
* CSS-based Dropdown with a twist: http://www.tjkdesign.com/articles/dropdown/demo.asp
* CSS-based Dropdown with a twist: http://www.tjkdesign.com/articles/dropdown/demo.asp
* 37+ Great Ajax, CSS Tab-Based Interfaces: http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html

Revision as of 01:38, 10 November 2009

Cascading Style Sheets (commonly abbreviated CSS) are page coding constructs used to separate form from content. It has become an internationally recognized W3C standard. Typically, you will define the various visual attributes of the objects and elements contained on your page through the CSS, covering any number of the following attributes:

  • type
  • size
  • position
  • margins
  • borders
  • colors
  • focus
  • displayed/hidden
  • ...and many, many more

CSS Print

Initially, one of CSS's main goals was to provide a means of printing webpages in a standard format. In fact, it is only moderately successful at fulfilling this premise and instead has been taken advantage of as a means of centralizing website presentation markup in one area (or a set of modular stylesheets which are adaptable and more easily updated so that changes are reflected across an entire site).

In any case the CSS print command to specify a printer-specific markup is as follows:

<link href="http://example.com/printer-stylesheet.css" type="text/css" rel="@print" />

CSS Media

CSS Media are another optional way to specify alternate presentations of content depending on the media format or device upon which the media is accessd.


Controlling CSS from JavaScript

CSS Code

Rounded Corners

Cursor Control

Change Class Attribute


Blueprint CSS

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

Latest version: 0.9.1 Last updated August 20, 2009 What does Blueprint have to offer?

   * A CSS reset that eliminates the discrepancies across browsers.
   * A solid grid that can support the most complex of layouts.
   * Typography based on expert principles that predate the web.
   * Form styles for great looking user interfaces.
   * Print styles for making any webpage ready for paper.
   * Plugins for buttons, tabs and sprites.
   * Tools, editors, and templates for every step in your workflow.


External Links