CSS: Most Interesting Questions I Was Asked Last Year

Wow! It’s 2012 already and a very Happy New Year to all of you!

Well you can say I just woke up to the internet world after a long hiatus. Although I was blogging actively in 2010-11, I had to stop most of my online stuff and give way to becoming a parent. I am a Mom now and want to get back to what I enjoy doing – Blogging about Web Design!

I plan to start the first post of this year by thanking every person visiting this site and listing down the most interesting CSS questions that I received from you folks, the last year. I also plan to make this post as interactive as possible. In this post, I will list only the questions and let you answer them. Next week onwards,  I will update this post and start adding answers to these questions, duly acknowledging your answers in it. I will make a separate post for all deserving answers and publish it in your name, with your permission.

Sounds good? Let’s get started!

Q1. Why should I choose CSS/DIV over Table for creating Layouts?

Q2. When should I use Class Selectors instead of ID selectors?

Q3. Please explain !important?

Q4. Cross Browser way to align CheckBoxes and RadioButtons

Q5. When to use Img tag instead of CSS background-image?

Q6. How do I make sure I am using Web Safe Fonts?

Q7. When to use Margin vs Padding in CSS?

Q8. When should I use em, px or % in font sizes?

Q9. Which list-style-type properties are supported by all major browsers?

Q10. How can I create a font of my own?

Q11. How can I break long words and auto wrap them in a DIV?

Q12. I want to add reflection to all the images on my site. Is there a simple way to do this?

Q13. Horizontal Rules are so boring to look at. Do you have some CSS to spruce it up?

Q14. How can I write a style sheet that has two rules; the 1st rule for all media types, and 2nd rule for mobile devices?

Q15. How can I align text between two images?

Q16. How can I print background images

Q17. How to center align a Div and the contents in it?

Q18. Which CSS Frameworks do you recommend?

Q19. Remove dotted outline on Links in FireFox

Q20. How to include one CSS file into another?

Q21. Books for Beginner and Intermediate CSS designers?

Q22. Can I style a <br />?

Q23. What’s the difference between @import and link?

Q24. Any CSS Troubleshooting Tools?

Q25. What is Quirks mode? Why is it needed?

and yes, there were no rounder corner questions I got last year :)

So go on and take a shot at answering any of these questions!

Filed Under: CSS Hacks, Tips and Tricks

About the Author: Minal is a freelance web and graphics designer. She specializes in designing Logos, Stationery, Graphics and Icons as well as website templates using graphical tools like Photoshop, Illustrator and Expression Web. Twitter @saffronstroke

RSSComments (3)

Leave a Reply | Trackback URL

  1. ViAm says:

    Answering question 2, if I may!

    Q2. When should I use Class Selectors instead of ID selectors?

    We use class selectors when we need to apply a style multiple times within a document. ID selectors are used for one-time-only use within a document.

    Morevoer ID selectors are used to identify unique sections of a page like head, content, navigation etc.

  2. Nick Tent says:

    @Q25

    Quirks mode occurs when a browser treats a web page as “buggy.” As a result, such pages are treated as though they were written in invalid markup, and therefore will be
    improperly rendered in modern browsers even if the XHTML and CSS are coded perfectly.

    A web page that is without a DOCTYPE, with an older DOCTYPE, or with a typoriddled DOCTYPE triggers quirks mode. So, when coding pages, make sure to check that the DOCTYPE is both added to the page and typed correctly to ensure that browsers do not render pages in quirks mode.

  3. Neil says:

    @Nick
    Quirks Mode isn’t necessarily buggy, it’s how the browser natively renders the content if the DOCTYPE isn’t defined. Newer, non-IE, browsers won’t have any noticeable difference in their rendering if it’s omitted.

    http://www.quirksmode.org/css/quirksmode.html

Leave a Reply