• It should be simple to figure out… but I’m dumm. On the CSS, there are different items, and some are html tags (I hope I used the right word there), others start with # and some with . (a dot). What’s the difference, and why do you use one over another? Thanks so much! I see ID and Class used in the php files, but again, I can’t figure out the differences.

Viewing 6 replies - 1 through 6 (of 6 total)
  • . are a class.
    # are an id.

    http://www.w3schools.com/css/default.asp

    Thread Starter elmsblog

    (@elmsblog)

    NM… again, I’m dumb. I’ve looked all over that website before, and everything seems to apply to putting CSS into the html file directly, as opposed to having a seperate sheet. that’s why I asked, because I couldn’t find my answer there. Maybe I’ve overlooked it, or I should have explained that I searched first and was unable to find an answer.

    No, you’re not dumb, you’re just new to CSS! 🙂

    You can put CSS into its own seperate file, or include it within the HTML file itself.

    http://communitymx.com has some excellent, and free, articles on CSS that you may wish to check out too. Another great resource is http://positioniseverything.net which has a lot of great content as well as links to other CSS resources.

    Just to help our favorite Moose a little, CSS is the presentation styles and the IDs (#name) and CLASSes (.name) mentioned apply a designed “look” to the page.

    Please read up on CSS from the sites mentioned, but just to help a little, cuz I know this is confusing, here is a simple explanation.

    In the PHP file, like index.php, you will see something like this:

    <div class="content-post">

    If you look through the “attached” stylesheet (usually style.css) for .content-post you will see code that tells it to look a specific way. Everywhere on a page where it finds the class="content-post" it will look like this code instructs.

    An ID (#name) is the same but it can only be used once on a page to designate a specific area of presentation style. A “class” can be used repeatedly. There is more to it, but that’s the nutshell.

    And if you get a little bit of a handle on CSS and what all this presentation style means, visit CSS Zen Garden and be amazed. Every page on this site features only one HTML page with a lot of IDs and Classes. Designers create their own CSS page that stylizes the HTML to be….well, whatever they want. It’s fascinating to see what kinds of designs they can come up with when they all have only the same page to work with….inspiring.

    This is more than you wanted to know, but I absolute adore CSS and its impact on web pages…thought I scream at its limits, too, but that’s for another topic. Good luck and if you need some specific help, let us know.

    Thread Starter elmsblog

    (@elmsblog)

    actually Lorelle, that’s exactly what I was looking for. I love how it works as well, but am still really new. You’ve helped a lot, as well as the links from NM.

    You might also find Podz’ WP CSS tutorial helpful
    http://www.tamba2.org.uk/wordpress/graphicalcss/

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘General CSS Question- 3 types of data.’ is closed to new replies.