{"id":171,"date":"2008-07-09T20:03:19","date_gmt":"2008-07-10T01:03:19","guid":{"rendered":"http:\/\/cssnewbie.com\/?p=171"},"modified":"2008-07-09T20:03:19","modified_gmt":"2008-07-10T01:03:19","slug":"new-to-css","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/new-to-css\/","title":{"rendered":"New to CSS? New to CSSnewbie? Start Here!"},"content":{"rendered":"<p>I get a great many reader comments that read something like this: \u201cYour site is the best CSS resource on the web (okay, maybe I\u2019m embellishing slightly here), but where do I start if I\u2019m new?\u201d And that\u2019s a fantastic question. If you\u2019re new to the site, it can be tough to find your way around at first. So here is a collection of articles to get you started. I\u2019ve broken them down into two categories: articles for true CSS newbies, and articles for people new to CSSnewbie, but with an understanding of CSS.<\/p>\n<h3>New to CSS<\/h3>\n<p>If you don\u2019t know much about CSS at all, but would <em>like<\/em> to, here is where you want to start. I&#8217;ve tried to put them in an order that makes sense, but feel free to click around as you see fit.<\/p>\n<ul>\n<li><a href=\"http:\/\/cssnewbie.com\/what-is-this-css-thing-anyway\/\">What Is This CSS Thing, Anyway?<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/how-to-write-a-css-rule\/\">How to Write a CSS Rule<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/understanding-the-css-box-model\/\">Understanding the CSS Box Model<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/when-to-use-css-ids-and-classes\/\">When to Use CSS IDs and Classes<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/inline-in-document-and-linked-css\/\">When to Use Inline, In-Document, and Linked CSS<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/css-rules-multiplicity\/\">The 4 CSS Rules of Multiplicity<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/css-shorthand\/\">Writing CSS Shorthand<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/5-web-books-that-inspired-me\/\">5 Web Design Books That Have Inspired Me<\/a><\/ul>\n<h3>New to CSSnewbie.com<\/h3>\n<p>So where should you start reading if you\u2019re new to the site? Well, that\u2019s largely subjective depending on your interests, but here are a few articles that a lot of people have found interesting in the past.<\/p>\n<ul>\n<li><a href=\"http:\/\/cssnewbie.com\/list-based-css-calendar\/\">A Semantic List-Based CSS Calendar<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/css-only-accordion\/\">The CSS-Only Accordion Effect<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/easy-css-dropdown-menus\/\">Easy CSS Dropdown Menus<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/combating-classitis\/\">Combating Classitis with Cascades and Sequential Selectors<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/intelligent-navigation\/\">Intelligent Navigation Bars with JavaScript and CSS<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/7-tips-print-style-sheets\/\">7 Tips for Great Print Style Sheets<\/a><\/li>\n<li><a href=\"http:\/\/cssnewbie.com\/book-style-chapter-intros\/\">Book-Style Chapter Introductions Using Pure CSS<\/a><\/li>\n<\/ul>\n<p>And if those articles don&#8217;t whet your whistle, don&#8217;t forget to check out the article categories listed in the sidebar. That&#8217;s a great way to find a lot of information fast, if you know what it is you&#8217;re looking for.<\/p>\n<p>If you have other articles you\u2019ve read on this site that are favorites, or articles that you think are essential to the beginning CSS master, please don\u2019t hesitate to mention them in the comments. I\u2019d be more than willing to add things to either list.<\/p>\n<p>Also, I\u2019ll be adding a link to this article to the sidebar once it has cycled off the front page. That way, future generations can bask in our collective wisdom.<\/p>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>I get a great many reader comments that read something like this: \u201cYour site is the best CSS resource on the web (okay, maybe I\u2019m embellishing slightly here), but where do I start if I\u2019m new?\u201d And that\u2019s a fantastic question. If you\u2019re new to the site, it can be tough to find your way around at first. So here is a collection of articles to get you started.  [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/new-to-css\/\" title=\"Click to read 'New to CSS? New to CSSnewbie? Start Here!'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[168,193],"tags":[46,220,251,85,88,322,340,343,121],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/171"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/171\/revisions"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}