What version of CSS should I be targeting?

Posted on 2011-10-19
Last Modified: 2012-05-12
I have coded on MVC1, MVC2 and not MVC3 projects. But I have not done that much with CSS as I have not created that many Razor files from scratch.

My question is what version shouild I be trying to learn? Is seems CSS3. But what problems might come from me doing that?

Question by:newbieweb
    LVL 33

    Assisted Solution

    CSS3 is not totally release:

    but for sure is the future!
    LVL 18

    Assisted Solution

    If you target CSS3 you will be using "stuff" that is not supported by many of your users.
    If you are just now learning it and are practicing for your own use, or know that your users will be using the latest web browsers, then go for it.

    If you are unsure which browsers your users will be using, then you should code to CSS2 and HTML4.  You can, of course, code for CSS3 and HTML5, but you will want to verify cross-browser compatibility.
    LVL 82

    Accepted Solution

    CSS3 builds on CSS2 which added to CSS1.  This page shows which versions support which features.  To use CSS3 features you still need to know the other CSS features that came before.
    LVL 30

    Assisted Solution

    You really have to think about what browsers your clients will be using. A lot of people are going the CSS 3 way for certain sites. However, the majority of people are starting to use a hybrid of CSS 2.1 and CSS 3. It really is up to the demographic your site is going to be targeting. If they are younger or pretty web savvy then you could shoot for CSS3.

    If they are older or it's aimed at a more professional/corporate environment, then I would go with CSS 2.1/3 hybrid.

    Author Comment

    I don't want to be the first. So CSS3 is not for me. I want to be maximally compliant with today's browsers.

    What version should I be using?
    LVL 30

    Assisted Solution

    CSS 2.1. Then you can validate it here:

    Author Closing Comment


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Threat Intelligence Starter Resources

    Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

    Suggested Solutions

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    10 Experts available now in Live!

    Get 1:1 Help Now