Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

CSS FAQ

From MoodleDocs

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.

Where can I learn more about using CSS?

Online resources

  • Position Is Everything attempts to describe and demonstrate some of the bugs found in web browsers, and to show advanced CSS methods that work across all browsers.

Books

CSS references

You can have this reference at your fingertips with SitePoint's CodeBurner plugin (Firebug extension), see Firebug#CodeBurner.
There's also CodeBurner for Firefox, a standalone version of the original CodeBurner for Firebug, but with an independent interface, and more dedicated search tools.

Where can I find examples for the use of CSS?

Where do I find information about the CSS used by Moodle?

It is possible to use CSS in Moodle - but it is not recommended. It is far better to use the classes already provided by Bootstrap to create the output for your page.

To read about the rules for using CSS in Moodle see CSS Coding Style.

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 Firebug for further information.
  • 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 NetBeans.

See also:

Writing high performance CSS