{"action":"created","comment":{"url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/comments/194159452","pull_request_review_id":127285330,"id":194159452,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDE5NDE1OTQ1Mg==","diff_hunk":"@@ -1,24 +1,314 @@\n # CSS Fundamentals\n \n-<iframe width=\"640\" height=\"480\" src=\"//www.youtube.com/embed/-k-1TU8qq0Q?rel=0&modestbranding=1\" frameborder=\"0\" allowfullscreen></iframe><p><a href=\"https://www.youtube.com/watch?v=-k-1TU8qq0Q\">CSS Fundamentals</a></p>\n+## Problem Statement\n \n+You know the basics of CSS and how to use it to style HTML pages. But you want\n+to customize your presentation further. Fortunately, CSS has several fundamental\n+powers to explore, including selector types, color values and comments.\n+\n+## Objectives\n+\n+1. Identify CSS syntax\n+2. Identify CSS use formats\n+3. Utilize various types of CSS selectors\n+4. Utilize various types of color values in CSS\n+5. Recognize and implement CSS comments\n+\n+## Identify CSS Syntax\n+\n+Before we turn to the various ways we can extend CSS rules, let's go over the\n+foundational syntax CSS uses.\n+\n+<img src=\"https://curriculum-content.s3.amazonaws.com/fewds/css-syntax.png\" alt=\"CSS syntax diagram labeling selector, property and value\" width=\"500\" />\n+\n+We create a CSS rule by defining the selector, which matches the HTML element we\n+want to style. Inside the curly braces we declare the property we want to change\n+and, after the colon, we set the value we want to change that property to. We\n+end the declaration with a semicolon. Here, we are selecting the `p` element and\n+displaying its color as blue.\n+\n+## Identify CSS Use Formats\n+\n+There are three distinct formats that you might see CSS appear in: inline,\n+internal (or embedded) and external.\n+\n+Inline includes the styles directly into the HTML element with the `style`\n+attribute.\n+\n+```\n+<p style=\"color: blue;\"></p>\n+```\n+\n+While you might see this sort of styling in something like the code for an HTML\n+email, this is generally not best practice for two reasons. The primary reason","path":"README.md","position":44,"original_position":44,"commit_id":"a28571c537d549750439280d9729fa01dd4e12fd","original_commit_id":"a28571c537d549750439280d9729fa01dd4e12fd","user":{"login":"sgharms","id":50019,"node_id":"MDQ6VXNlcjUwMDE5","avatar_url":"https://avatars1.githubusercontent.com/u/50019?v=4","gravatar_id":"","url":"https://api.github.com/users/sgharms","html_url":"https://github.com/sgharms","followers_url":"https://api.github.com/users/sgharms/followers","following_url":"https://api.github.com/users/sgharms/following{/other_user}","gists_url":"https://api.github.com/users/sgharms/gists{/gist_id}","starred_url":"https://api.github.com/users/sgharms/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sgharms/subscriptions","organizations_url":"https://api.github.com/users/sgharms/orgs","repos_url":"https://api.github.com/users/sgharms/repos","events_url":"https://api.github.com/users/sgharms/events{/privacy}","received_events_url":"https://api.github.com/users/sgharms/received_events","type":"User","site_admin":false},"body":"primary -> main?","created_at":"2018-06-08T19:29:30Z","updated_at":"2018-06-08T19:43:59Z","html_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals/pull/5#discussion_r194159452","pull_request_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/5","author_association":"NONE","_links":{"self":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/comments/194159452"},"html":{"href":"https://github.com/learn-co-curriculum/CSS-Fundamentals/pull/5#discussion_r194159452"},"pull_request":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/5"}}},"pull_request":{"url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/5","id":193693228,"node_id":"MDExOlB1bGxSZXF1ZXN0MTkzNjkzMjI4","html_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals/pull/5","diff_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals/pull/5.diff","patch_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals/pull/5.patch","issue_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues/5","number":5,"state":"open","locked":false,"title":"Update readme with text content","user":{"login":"jenmyers","id":662273,"node_id":"MDQ6VXNlcjY2MjI3Mw==","avatar_url":"https://avatars2.githubusercontent.com/u/662273?v=4","gravatar_id":"","url":"https://api.github.com/users/jenmyers","html_url":"https://github.com/jenmyers","followers_url":"https://api.github.com/users/jenmyers/followers","following_url":"https://api.github.com/users/jenmyers/following{/other_user}","gists_url":"https://api.github.com/users/jenmyers/gists{/gist_id}","starred_url":"https://api.github.com/users/jenmyers/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jenmyers/subscriptions","organizations_url":"https://api.github.com/users/jenmyers/orgs","repos_url":"https://api.github.com/users/jenmyers/repos","events_url":"https://api.github.com/users/jenmyers/events{/privacy}","received_events_url":"https://api.github.com/users/jenmyers/received_events","type":"User","site_admin":false},"body":"","created_at":"2018-06-08T18:41:32Z","updated_at":"2018-06-08T19:43:59Z","closed_at":null,"merged_at":null,"merge_commit_sha":"468f3895f924671c06f436dcc3dbab4aede2e1a8","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/5/commits","review_comments_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/5/comments","review_comment_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/comments{/number}","comments_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues/5/comments","statuses_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/statuses/a28571c537d549750439280d9729fa01dd4e12fd","head":{"label":"learn-co-curriculum:wip-readme-revise","ref":"wip-readme-revise","sha":"a28571c537d549750439280d9729fa01dd4e12fd","user":{"login":"learn-co-curriculum","id":6208017,"node_id":"MDEyOk9yZ2FuaXphdGlvbjYyMDgwMTc=","avatar_url":"https://avatars1.githubusercontent.com/u/6208017?v=4","gravatar_id":"","url":"https://api.github.com/users/learn-co-curriculum","html_url":"https://github.com/learn-co-curriculum","followers_url":"https://api.github.com/users/learn-co-curriculum/followers","following_url":"https://api.github.com/users/learn-co-curriculum/following{/other_user}","gists_url":"https://api.github.com/users/learn-co-curriculum/gists{/gist_id}","starred_url":"https://api.github.com/users/learn-co-curriculum/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/learn-co-curriculum/subscriptions","organizations_url":"https://api.github.com/users/learn-co-curriculum/orgs","repos_url":"https://api.github.com/users/learn-co-curriculum/repos","events_url":"https://api.github.com/users/learn-co-curriculum/events{/privacy}","received_events_url":"https://api.github.com/users/learn-co-curriculum/received_events","type":"Organization","site_admin":false},"repo":{"id":45401669,"node_id":"MDEwOlJlcG9zaXRvcnk0NTQwMTY2OQ==","name":"CSS-Fundamentals","full_name":"learn-co-curriculum/CSS-Fundamentals","owner":{"login":"learn-co-curriculum","id":6208017,"node_id":"MDEyOk9yZ2FuaXphdGlvbjYyMDgwMTc=","avatar_url":"https://avatars1.githubusercontent.com/u/6208017?v=4","gravatar_id":"","url":"https://api.github.com/users/learn-co-curriculum","html_url":"https://github.com/learn-co-curriculum","followers_url":"https://api.github.com/users/learn-co-curriculum/followers","following_url":"https://api.github.com/users/learn-co-curriculum/following{/other_user}","gists_url":"https://api.github.com/users/learn-co-curriculum/gists{/gist_id}","starred_url":"https://api.github.com/users/learn-co-curriculum/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/learn-co-curriculum/subscriptions","organizations_url":"https://api.github.com/users/learn-co-curriculum/orgs","repos_url":"https://api.github.com/users/learn-co-curriculum/repos","events_url":"https://api.github.com/users/learn-co-curriculum/events{/privacy}","received_events_url":"https://api.github.com/users/learn-co-curriculum/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals","description":null,"fork":false,"url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals","forks_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/forks","keys_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/keys{/key_id}","collaborators_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/teams","hooks_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/hooks","issue_events_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues/events{/number}","events_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/events","assignees_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/assignees{/user}","branches_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/branches{/branch}","tags_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/tags","blobs_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/refs{/sha}","trees_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/trees{/sha}","statuses_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/statuses/{sha}","languages_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/languages","stargazers_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/stargazers","contributors_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/contributors","subscribers_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/subscribers","subscription_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/subscription","commits_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/commits{/sha}","git_commits_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/commits{/sha}","comments_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/comments{/number}","issue_comment_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues/comments{/number}","contents_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/contents/{+path}","compare_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/compare/{base}...{head}","merges_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/merges","archive_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/downloads","issues_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues{/number}","pulls_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls{/number}","milestones_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/milestones{/number}","notifications_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/labels{/name}","releases_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/releases{/id}","deployments_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/deployments","created_at":"2015-11-02T15:05:24Z","updated_at":"2016-01-29T16:25:21Z","pushed_at":"2018-06-08T18:41:33Z","git_url":"git://github.com/learn-co-curriculum/CSS-Fundamentals.git","ssh_url":"git@github.com:learn-co-curriculum/CSS-Fundamentals.git","clone_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals.git","svn_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals","homepage":null,"size":4,"stargazers_count":0,"watchers_count":0,"language":null,"has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"archived":false,"open_issues_count":2,"license":null,"forks":1,"open_issues":2,"watchers":0,"default_branch":"master"}},"base":{"label":"learn-co-curriculum:master","ref":"master","sha":"e10e6020e6b0c97c847a9bdd900b6bced7023772","user":{"login":"learn-co-curriculum","id":6208017,"node_id":"MDEyOk9yZ2FuaXphdGlvbjYyMDgwMTc=","avatar_url":"https://avatars1.githubusercontent.com/u/6208017?v=4","gravatar_id":"","url":"https://api.github.com/users/learn-co-curriculum","html_url":"https://github.com/learn-co-curriculum","followers_url":"https://api.github.com/users/learn-co-curriculum/followers","following_url":"https://api.github.com/users/learn-co-curriculum/following{/other_user}","gists_url":"https://api.github.com/users/learn-co-curriculum/gists{/gist_id}","starred_url":"https://api.github.com/users/learn-co-curriculum/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/learn-co-curriculum/subscriptions","organizations_url":"https://api.github.com/users/learn-co-curriculum/orgs","repos_url":"https://api.github.com/users/learn-co-curriculum/repos","events_url":"https://api.github.com/users/learn-co-curriculum/events{/privacy}","received_events_url":"https://api.github.com/users/learn-co-curriculum/received_events","type":"Organization","site_admin":false},"repo":{"id":45401669,"node_id":"MDEwOlJlcG9zaXRvcnk0NTQwMTY2OQ==","name":"CSS-Fundamentals","full_name":"learn-co-curriculum/CSS-Fundamentals","owner":{"login":"learn-co-curriculum","id":6208017,"node_id":"MDEyOk9yZ2FuaXphdGlvbjYyMDgwMTc=","avatar_url":"https://avatars1.githubusercontent.com/u/6208017?v=4","gravatar_id":"","url":"https://api.github.com/users/learn-co-curriculum","html_url":"https://github.com/learn-co-curriculum","followers_url":"https://api.github.com/users/learn-co-curriculum/followers","following_url":"https://api.github.com/users/learn-co-curriculum/following{/other_user}","gists_url":"https://api.github.com/users/learn-co-curriculum/gists{/gist_id}","starred_url":"https://api.github.com/users/learn-co-curriculum/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/learn-co-curriculum/subscriptions","organizations_url":"https://api.github.com/users/learn-co-curriculum/orgs","repos_url":"https://api.github.com/users/learn-co-curriculum/repos","events_url":"https://api.github.com/users/learn-co-curriculum/events{/privacy}","received_events_url":"https://api.github.com/users/learn-co-curriculum/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals","description":null,"fork":false,"url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals","forks_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/forks","keys_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/keys{/key_id}","collaborators_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/teams","hooks_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/hooks","issue_events_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues/events{/number}","events_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/events","assignees_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/assignees{/user}","branches_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/branches{/branch}","tags_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/tags","blobs_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/refs{/sha}","trees_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/trees{/sha}","statuses_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/statuses/{sha}","languages_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/languages","stargazers_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/stargazers","contributors_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/contributors","subscribers_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/subscribers","subscription_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/subscription","commits_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/commits{/sha}","git_commits_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/git/commits{/sha}","comments_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/comments{/number}","issue_comment_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues/comments{/number}","contents_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/contents/{+path}","compare_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/compare/{base}...{head}","merges_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/merges","archive_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/downloads","issues_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues{/number}","pulls_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls{/number}","milestones_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/milestones{/number}","notifications_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/labels{/name}","releases_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/releases{/id}","deployments_url":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/deployments","created_at":"2015-11-02T15:05:24Z","updated_at":"2016-01-29T16:25:21Z","pushed_at":"2018-06-08T18:41:33Z","git_url":"git://github.com/learn-co-curriculum/CSS-Fundamentals.git","ssh_url":"git@github.com:learn-co-curriculum/CSS-Fundamentals.git","clone_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals.git","svn_url":"https://github.com/learn-co-curriculum/CSS-Fundamentals","homepage":null,"size":4,"stargazers_count":0,"watchers_count":0,"language":null,"has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"archived":false,"open_issues_count":2,"license":null,"forks":1,"open_issues":2,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/5"},"html":{"href":"https://github.com/learn-co-curriculum/CSS-Fundamentals/pull/5"},"issue":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues/5"},"comments":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/issues/5/comments"},"review_comments":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/5/comments"},"review_comment":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/pulls/5/commits"},"statuses":{"href":"https://api.github.com/repos/learn-co-curriculum/CSS-Fundamentals/statuses/a28571c537d549750439280d9729fa01dd4e12fd"}},"author_association":"NONE"}}
{"actor":{"display_login":"sgharms"}}