... and why only one way is best.

Using media queries in Drupal is no different than how they are used on any CMS or custom application. But there are a few things to keep in mind before you send your site live.

One of the easier ways to try out the media querie on an existing site is to include it in the stylesheet link in your themes info file. The format is exactly how it would be in the media attribute of a link tag. Simply change this

stylesheets[all][] = styles/layout.css

stylesheets[all and (min-width: 960px)][] = styles/layout.css

One of the biggest challenges front end developers face is having different browser versions on different operating systems display the page consistently. Even if you build your page with Firefox or Chrome on Windows, the page may display differently on those browsers with the Mac OS or Linux. Part of the reason is that each browser has it's own default stylesheet. One browser may use more padding on an unordered list while another may use just margin.

I am not a developer but I can only imagine the frustration of not having a simple template to follow for the new FBML tabs. Lo and behold the new 520 Grid System!! If you're used to the traditional 960 Grid System this will come easy for you.

WYSIWYG stands for "What You See Is What You Get", and describes a type of programming interface that allows a user to create stylized content without having to know any particular programming language.

The Body Text is the text contained within the body tags of a webpage.

A Document Type Definition (DTD) is a document that allows a program, such as a web browser, to properly parse a markup language that is formatted according to a specific use. HTML and its XML-based brother XHTML are probably the most common DTDs today, supplying web browsers with the guidelines for properly rendering web page elements.

Further Reading

W3C Definition of DTD

A markup language is a set of tags that describe the content of a document. The most common markup languages today is HTML a markup language is not a programming language, hence it is a misnomer to 'code' HTML. XML has introduced extensibility into HTML called XHTML. This new more versatile language can incorporate many types of media, other than plain text; and web browsers are constantly adding more support for W3C languages such as SVG and XSLT. XML has strict rules that can increase the learning curve for a person new to XML-based markup.

HTML is short for Hyper Text Markup Language, and it is the most widely used markup language for storing and broadcasting information on the world wide web. HTML can be used in conjunction with CSS and JavaScript to create a rich visual and interactive experience within a web browser.