{"id":2202,"date":"2017-01-30T22:16:52","date_gmt":"2017-01-30T22:16:52","guid":{"rendered":"http:\/\/cssreset.com\/?p=2202"},"modified":"2017-01-28T22:25:28","modified_gmt":"2017-01-28T22:25:28","slug":"css-learning-resources-books","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/css-learning-resources-books\/","title":{"rendered":"CSS Learning Resources: Books"},"content":{"rendered":"<style type=\"text\/css\"><!--\np.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helvetica; color: #000000; -webkit-text-stroke: #000000}\np.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helvetica; color: #000000; -webkit-text-stroke: #000000; min-height: 13.0px}\nspan.s1 {font-kerning: none}\nspan.s2 {text-decoration: underline ; font-kerning: none}\n--><\/style>\n<p>While most developers would agree that the best way to learn a new language is with interactive or hands-on lessons, it never hurts to have a strong conceptual foundation before you start creating things. A good way to build a solid foundation in a language is to read about core concepts. If you\u2019re looking to learn CSS and want to do some reading, check out the list of CSS books below:<\/p>\n<p>1. <a href=\"https:\/\/www.amazon.com\/HTML-CSS-Design-Build-Websites\/dp\/1118008189\/ref=sr_1_2?ie=UTF8&amp;qid=1479676734&amp;sr=8-2&amp;keywords=css\">HTML and CSS: Design and Build Websites<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-2205 aligncenter\" alt=\"Screen Shot 2017-01-29 at 9.24.02 AM\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.02-AM.png\" width=\"332\" height=\"412\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.02-AM.png 332w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.02-AM-241x300.png 241w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.02-AM-180x223.png 180w\" sizes=\"(max-width: 332px) 100vw, 332px\" \/><\/p>\n<p>This text is great for complete beginners to learn the building blocks of both HTML and CSS. It\u2019s also full of beautifully designed diagrams and charts to help you learn.<\/p>\n<p>2. <a href=\"https:\/\/www.amazon.com\/CSS-Definitive-Guide-Eric-Meyer\/dp\/0596527330\/ref=sr_1_9?ie=UTF8&amp;qid=1479676734&amp;sr=8-9&amp;keywords=css\" target=\"_blank\">CSS: The Definitive Guide<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-2204 aligncenter\" alt=\"Screen Shot 2017-01-29 at 9.24.08 AM\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.08-AM.png\" width=\"368\" height=\"472\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.08-AM.png 368w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.08-AM-233x300.png 233w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.08-AM-180x230.png 180w\" sizes=\"(max-width: 368px) 100vw, 368px\" \/><\/p>\n<p>Written by Eric Meyer, a well-known web-developer and a big name in CSS, this text serves as a great reference book for anything CSS related. At over 500 pages, it also provides a really thorough base of knowledge in CSS for the reader.<\/p>\n<p>3. <a href=\"https:\/\/www.amazon.com\/CSS-Master-Organized-Efficient-Right\/dp\/0994182627\/ref=sr_1_10?ie=UTF8&amp;qid=1479676734&amp;sr=8-10&amp;keywords=css\" target=\"_blank\">CSS Master: Organized, Fast Efficient \u2014 CSS Done Right!<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-2203 aligncenter\" alt=\"Screen Shot 2017-01-29 at 9.24.19 AM\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.19-AM.png\" width=\"376\" height=\"494\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.19-AM.png 376w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.19-AM-228x300.png 228w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-29-at-9.24.19-AM-180x236.png 180w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/p>\n<p>This book isn\u2019t for people who are brand new to CSS, but if you\u2019re looking to bring your CSS skills to the next level, this might be the text for you. It\u2019s main purpose is to teach organizational skills to ensure that your code is always factored, clean, well-organized, and most importantly, as lightweight as possible.<\/p>\n<p>4. <a href=\"https:\/\/www.amazon.com\/Learning-Web-Design-Beginners-JavaScript\/dp\/1449319270\/ref=sr_1_15?ie=UTF8&amp;qid=1479676734&amp;sr=8-15&amp;keywords=css\" target=\"_blank\">Learning Web Design: A Beginner\u2019s Guide to HTML, CSS, JavaScript, and Web Graphics<\/a><\/p>\n<p>This book is a great resource for absolute beginners, and while it\u2019s geared more towards designers than developers, it still provides a really solid foundation in the fundamental skills it requires to create a website yourself from scratch. Definitely worth a read if you\u2019re looking to create your first website.<\/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>While most developers would agree that the best way to learn a new language is with interactive or hands-on lessons, it never hurts to have a strong conceptual foundation before you start creating things. A good way to build a [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/css-learning-resources-books\/\" title=\"Click to read 'CSS Learning Resources: Books'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":2205,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2202"}],"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=2202"}],"version-history":[{"count":1,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2202\/revisions"}],"predecessor-version":[{"id":2206,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2202\/revisions\/2206"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/2205"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=2202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=2202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=2202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}