{"id":2324,"date":"2019-11-13T09:55:13","date_gmt":"2019-11-13T09:55:13","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/?p=2324"},"modified":"2019-11-13T09:55:13","modified_gmt":"2019-11-13T09:55:13","slug":"n5-css-locations","status":"publish","type":"post","link":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/2019\/11\/13\/n5-css-locations\/","title":{"rendered":"N5 – CSS locations"},"content":{"rendered":"

There are three places that CSS data can be stored for use with HTML files.<\/p>\n

Inline<\/strong><\/h3>\n

Inline CSS applies to one html element it is added as the value for a style attribute.<\/p>\n

\r\n<h1 style='color:red;'>Page heading<\/h1>\r\n<\/pre>\n
Internal<\/strong><\/h3>\n
Internal CSS is declared inside <style> which is located in the <head> area of the page. It applies to one page of html.<\/p>\n
<head>\r\n<head>\r\n <style>\r\n   p {background-color:pink;}\r\n <\/style>\r\n<\/head>\r\n<\/pre>\n
 <\/p>\n
External<\/strong><\/h3>\n
External CSS is stored inside a separate text file (.CSS) it applies to all webpages that link to it (applies to whole site). A link is required in the <head> of the HTML file this link includes the name of the CSS file<\/p>\n
\r\n<head>\r\n  <link\u00a0rel="stylesheet"\u00a0type="text\/css"\u00a0\u00a0href="style.css">\r\n<\/head><\/pre>\n
The CSS file has the selectors and properties stored in the same way as internal<\/p>\n
#redBox { background-color:red;\r\n              Color:black;}<\/pre>\n","protected":false},"excerpt":{"rendered":"
There are three places that CSS data can be stored for use with HTML files. Inline Inline CSS applies to one html element it is added as the value for a style attribute. <h1 style=’color:red;’>Page heading<\/h1> Internal Internal CSS is declared inside <style> which is located in the <head> area of the page. It applies …<\/p>\n","protected":false},"author":32,"featured_media":1385,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[432093,432053],"tags":[],"class_list":["post-2324","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-implementation-css","category-national-5-2"],"jetpack_featured_media_url":"https:\/\/blogs.glowscotland.org.uk\/nl\/public\/ColtnessHS-ComputingScience\/uploads\/sites\/12638\/2016\/09\/Slide3.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/2324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/comments?post=2324"}],"version-history":[{"count":6,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/2324\/revisions"}],"predecessor-version":[{"id":2330,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/2324\/revisions\/2330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/media\/1385"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/media?parent=2324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/categories?post=2324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/tags?post=2324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}