Difference between revisions of "CSS"

From BC$ MobileTV Wiki
Jump to: navigation, search
Line 106: Line 106:
 
* Blueprint Grid CSS Generator: http://kematzy.com/blueprint-generator/
 
* Blueprint Grid CSS Generator: http://kematzy.com/blueprint-generator/
 
* Quick-Start Tutorial: http://wiki.github.com/joshuaclayton/blueprint-css/quick-start-tutorial
 
* Quick-Start Tutorial: http://wiki.github.com/joshuaclayton/blueprint-css/quick-start-tutorial
 
+
* Tabs Demo (v. 0.1): http://blueprintcss.org/demos/tabs.html
  
  

Revision as of 01:37, 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.


Specification




Controlling CSS from JavaScript




CSS Code

Rounded Corners


Cursor Control

Change Class Attribute






Tools


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.




Resources




External Links