{"id":528,"date":"2023-01-08T13:19:20","date_gmt":"2023-01-08T18:19:20","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/?p=528"},"modified":"2023-01-26T03:10:16","modified_gmt":"2023-01-26T08:10:16","slug":"css-resources-and-references","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/css\/css-resources-and-references\/","title":{"rendered":"CSS Resources and References"},"content":{"rendered":"\n<p>Here are some places where you can find out more about CSS Syntax, Selectors, Properties and Values. Nobody can remember everything about CSS Syntax, how to apply it etc. Your goal should be to know some of the main terms and ideas so that you can more quickly find the information you need in a reference. <\/p>\n\n\n\n<p>The Mozilla Developers Network (MDN) and CSS Tricks are two great web sites to go to for help. I have found it can be helpful to start with a trusted resource like these instead of googling first and having to sift through a bunch of stuff.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mozilla Developers Network: MDN<\/h3>\n\n\n\n<p>This site sets the standard as a reference for all things web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\" target=\"_blank\" rel=\"noreferrer noopener\">CSS: Cascading Style Sheets<\/a><\/h4>\n\n\n\n<p>This is the main area for all things CSS at MDN<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Syntax\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Syntax<\/a><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\" target=\"_blank\">CSS Reference<\/a><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference#Selectors\" target=\"_blank\">selectors<\/a><\/li><li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Attribute_selectors\" target=\"_blank\" rel=\"noreferrer noopener\">attribute selectors<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Syntax\" target=\"_blank\">syntax<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_Values_and_Units\" target=\"_blank\">values<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Cascade\" target=\"_blank\">cascade<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Shorthand_properties\" target=\"_blank\">shorthand<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">CSS Tricks<\/h3>\n\n\n\n<p>This is an excellent resource not only on CSS but also for front-end web development in general.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/css-tricks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Tricks Homepage<\/a><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/css-tricks.com\/css-ruleset-terminology\/\" target=\"_blank\">CSS Ruleset Terminology<\/a><\/h4>\n\n\n\n<p>A ruleset is what applies CSS to an element or elements. This is the core syntax for CSS. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/css-tricks.com\/snippets\/css\/a-guide-to-flexbox\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Complete Guide to Flexbox<\/a><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/css-tricks.com\/snippets\/css\/complete-guide-grid\/\" target=\"_blank\">A Complete Guide to Grid<\/a><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/css-tricks.com\/complete-guide-table-element\/\" target=\"_blank\">A Complete Guide to the Table Element<\/a><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/css-tricks.com\/a-complete-guide-to-css-media-queries\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Complete Guide to CSS Media Queries<\/a><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>Here are some places where you can find out more about CSS Syntax, Selectors, Properties and Values. Nobody can remember everything about CSS Syntax, how to apply it etc. Your goal should be to know some of the main terms and ideas so that you can more quickly find the information you need in a&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/css\/css-resources-and-references\/\">Continue reading <span class=\"screen-reader-text\">CSS Resources and References<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[19],"tags":[34,35,30],"coauthors":[87],"class_list":["post-528","post","type-post","status-publish","format-standard","hentry","category-css","tag-css","tag-reference","tag-resource","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>Here are some places where you can find out more about CSS Syntax, Selectors, Properties and Values. Nobody can remember everything about CSS Syntax, how to apply it etc. Your goal should be to know some of the main terms and ideas so that you can more quickly find the information you need in a reference. The Mozilla Developers Network (MDN) and CSS Tricks are two great web sites to go to for help. I have found it can be helpful to start with a trusted resource like these instead of googling first and having to sift through a bunch&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/category\/topics\/css\/\" rel=\"category tag\">CSS<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/author\/cstein\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"Here are some places where you can find out more about CSS Syntax, Selectors, Properties and Values. Nobody can remember everything about CSS Syntax, how to apply it etc. Your goal should be to know some of the main terms and ideas so that you can more quickly find the information you need in a&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/comments?post=528"}],"version-history":[{"count":3,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/528\/revisions"}],"predecessor-version":[{"id":1738,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/528\/revisions\/1738"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/media?parent=528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/categories?post=528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/tags?post=528"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/coauthors?post=528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}