|
|
| (46 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| {{stub}} | | {{Moved_to_dev_docs}} |
| | |
| == 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.
| |
| | |
| * see [[CSS|Moodle Docs on CSS]]
| |
| * [http://en.wikipedia.org/wiki/Cascading_Style_Sheets Wikipedia on CSS]
| |
| | |
| == How can I learn more about CSS? ==
| |
| | |
| Online resources:
| |
| * 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.
| |
| | |
| | |
| Books:
| |
| * The books by CSS guru Eric Meyer are highly recommended:
| |
| ** [http://www.ericmeyeroncss.com Eric Meyer on CSS]
| |
| ** [http://more.ericmeyeroncss.com/ More Eric Meyer on CSS]
| |
| ** [http://meyerweb.com/eric/books/css-tdg/ CSS: The Definitive Guide, Third Edition]
| |
| | |
| * [http://meiert.com/de/publications/books/978-3897217126/ 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 [http://meiert.com/en/blog/20070503/on-updating-a-book-webdesign-mit-css/ English comments about the book] in the author's blog.
| |
| | |
| == Where can I find examples for the use of CSS? ==
| |
| * See [http://www.csszengarden.com Zen Garden], also available [http://www.mezzoblue.com/zengarden/translations/ 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? ==
| |
| * [http://www.getfirebug.com Firebug Extension] for Firefox is the single most useful tool for inspecting the CSS of any web page and modifying it on the fly.
| |
| * [https://addons.mozilla.org/de/firefox/addon/60 Web Developer Toolbar] for Firefox
| |
| * CSS editor [http://www.newsgator.com/individuals/topstyle/default.aspx TopStyle Lite] (you have to scroll down to the bottom of the page to find the free Lite version)
| |
| | |
| == See also: ==
| |
| | |
| * [[Themes FAQ]]
| |
| | |
| [[Category:Themes]]
| |
| [[Category:FAQ]]
| |
