CSS FAQ: Difference between revisions
From MoodleDocs
Frank Ralf (talk | contribs) |
Frank Ralf (talk | contribs) |
||
| Line 10: | Line 10: | ||
=== Online resources === | === Online resources === | ||
* The [http://www.w3schools.com/css/default.asp W3Schools CSS Tutorial] is a great way to learn about CSS by example. | * The [http://www.w3schools.com/css/default.asp W3Schools CSS Tutorial] is a great way to learn about CSS by example. | ||
* [http://www.alistapart.com A List Apart] is a great resource for everything regarding web design, not only CSS. | * [http://www.alistapart.com A List Apart] is a great resource for everything regarding web design, not only CSS. | ||
* [http://css-discuss.incutio.com CSS-Discuss Wiki] - Wiki companion to the [http://www.css-discuss.org CssDiscussList mailing list]. Includes tips and tricks and information on browser hacks, text sizing, and testing. | * [http://css-discuss.incutio.com CSS-Discuss Wiki] - Wiki companion to the [http://www.css-discuss.org CssDiscussList mailing list]. Includes tips and tricks and information on browser hacks, text sizing, and testing. | ||
* [http://www.cssnewbie.com/ CSS Newbie] by Rob Glazebrook | |||
* [http://realworldstyle.com Real World Style] by [http://www.alistapart.com/authors/n/marknewhouse Mark Newhouse] - CSS layouts that even work with NN4 | * [http://realworldstyle.com Real World Style] by [http://www.alistapart.com/authors/n/marknewhouse Mark Newhouse] - CSS layouts that even work with NN4 | ||
* [http://phrogz.net/CSS/HowToDevelopWithCSS.html How to Develop with CSS]] | * [http://phrogz.net/CSS/HowToDevelopWithCSS.html How to Develop with CSS]] | ||
Revision as of 13:40, 11 June 2009
What is CSS?
- CSS stands for "Cascading Style Sheets" and is a web technology for defining the layout and look of a web page. With CSS you can alter the design of your web page without modifying HTML or PHP code.
How can I learn more about using CSS?
Online resources
- The W3Schools CSS Tutorial is a great way to learn about CSS by example.
- A List Apart is a great resource for everything regarding web design, not only CSS.
- CSS-Discuss Wiki - Wiki companion to the CssDiscussList mailing list. Includes tips and tricks and information on browser hacks, text sizing, and testing.
- CSS Newbie by Rob Glazebrook
- Real World Style by Mark Newhouse - CSS layouts that even work with NN4
- How to Develop with CSS]
Books
- The books by CSS guru Eric Meyer are highly recommended:
- Webdesign mit CSS, 2. Auflage by Jens Meiert and Ingo Helmdach. The book is in German, but you can view all designs on the web site and download the complete code. You'll also find English comments about the book in the author's blog.
- Designing with Web Standards, 2nd ed. by Jeffrey Zeldman
CSS references
- SitePoint - Can be incorporated in Firefox via SitePoint's CodeBurner plugin (Firebug extension), see Development:Firebug#CodeBurner.
- W3Schools
- W3C - In lots of languages.
Where can I find examples for the use of CSS?
- See Zen Garden, also available in different languages.
Where do I find information about the CSS used by Moodle?
- CSS - overview of the use of CSS by Moodle.
- CSS styles_ layout.css contains the layout specifications for various page elements.
- CSS styles_color.css contains the colors used in the page elements.
- CSS styles_fonts.css defines the fonts used in the page elements.
Which tools are useful for working with CSS?
- Firebug Extension for Firefox is the single most useful tool for inspecting the CSS of any web page and modifying it on the fly. See Development:Firebug for further information.
- Web Developer Toolbar for Firefox. See also Category:Firefox extensions.
- Standalone CSS editor TopStyle Lite (you have to scroll down to the bottom of the page to find the free Lite version or use this link for the direct download).
- The new PHP version of NetBeans comes with integrated CSS support. You find a host of documentation, tutorials, screen casts, etc. on their web site. See also Development:Setting up Netbeans.
