{"id":78,"date":"2021-06-03T21:35:20","date_gmt":"2021-06-03T20:35:20","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/?page_id=78"},"modified":"2021-06-05T20:46:07","modified_gmt":"2021-06-05T19:46:07","slug":"css","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/css\/","title":{"rendered":"Cascading Style Sheets"},"content":{"rendered":"<h1><a href=\"https:\/\/www.w3schools.com\/css\/css_intro.asp\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"image-59 alignright\" src=\"https:\/\/glow-prod-sh.s3.eu-west-1.amazonaws.com\/sh\/public\/ahscomputinghtml\/uploads\/sites\/3275\/2021\/06\/03210120\/w3schools-150x150.png?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&#038;X-Amz-Security-Token=IQoJb3JpZ2luX2VjEMT%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCWV1LXdlc3QtMSJGMEQCIGugESV4wLRedzh9FQKCWjMO6n2NOhM5q6UyVt4d9i2GAiAjwoZXcjf%2BtU5KD15qnWf8mOZGcSkcD9YUtL4xhk6CKCrCBQiN%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F8BEAUaDDI3MzU3MDE5NTQzMyIMkVYMvNfs9GfecU80KpYF9V9sibbzrJL%2BKJieMEfCXz3cmP9Ge54Ul4rBu%2BgOvBqAv1hSXN9sHlKjGxclpD0HHxsMHmUrrh3j0UQSor2WwCQrz7%2FUlLXoBY0gWVkWs8PtZS%2BdMaY9hTaBrkdQIqE363LgEDJhKV1W5yMAlxe5E0L9byDAskoRvxHSqfQLuIZn16D68fxL35PyHLkM4HIO1yufHLvIDwIK6Ju79fcfCg6nSyPXUuFdk9bvcQRtLcOB1iuvvBmNxjQ5X2g9FBokoaX5mDjWjnHY9wL7knMBMRyhrI0JgKZ4l%2F3MdyyRaceTjZOEEap08B%2Fsyu6twOUAzTxbxBMdQRtEwP0XBcTJblCtl2FTfY6iu3%2FckIoCpJAoQ7ntN45j7b%2FphyJKjAiUPyZu5FNeF0RvF6hEWlFFUlLsAYVxLrguQN8vNc5Yv7Td2wR7NPvyGPJtQpwYX4hiGjjSYQKOxT8YRpQc92yzeb7KkQXwuz2BQ7Mw%2B%2F%2BpgsCQpKWPy31%2Fc4SGKXSoTJ7xKNgdnTfOGkmI4pbhcKhxfFNOmQVXnAdOL5XV5aXZSga7OG3vBzaXGDFMRxarxh2NaXwVeoSU4kudvYKwc4Wklydexs2GdpqQ%2FbxiAE9QkF2TfESsOi4ysnO5JTQ4gCqb3XmPspv%2FP1UzRVim1nFDoI4NV8jQf2f50JkXUs%2FW0Jo%2BdmV7h1cERyWYkSV6stYcJz7RMCHCbxlZKokJ5JptlBejGtyo3WcppkDGrakpFbkUf542K4Jj23tk90Y6EV2yPYp7KfCn5l29LhOC8F%2B%2BxzS3bzfptYeEnb8ZXDt5e9yE0QOSTxndgDEs9MbdbaAA6rLk%2BMspCNj5W%2BwGS0YyEQM8KWvBGS%2B9k0QMyfjc2vh8h%2F5xhXIwsrGh0AY6sgGC40YFyCu3Nzm3BxIyEYLc5nwgUZ6%2Flas1CObgEVW3l2IqPv8Kk%2FzLrpgU5WIr98bMv2JVJwTTBgUrJ3kc8ZzriByNRkdwIahA1cLkjUPlfe5bOJK7Cuh%2FnAECAw8uu3yAfGEwOK7f1Cg0mHn2kxm3SsY7%2FA8TFtkurn8NLKYsM0jRRZ2CAta%2BS9aH%2B1FVREtW%2BKvypDJ9Ni6DKuofSeiE2plkVj6u%2BUevQyJ9xODuy4zi&#038;X-Amz-Algorithm=AWS4-HMAC-SHA256&#038;X-Amz-Credential=ASIAT7MQN47UVLUTULUV%2F20260516%2Feu-west-1%2Fs3%2Faws4_request&#038;X-Amz-Date=20260516T121547Z&#038;X-Amz-SignedHeaders=host&#038;X-Amz-Expires=900&#038;X-Amz-Signature=04fbdc67f8d7a1eb7ba71e7447db29cc8962182a931fbfc389f4381267c0677a\" alt=\"\" width=\"50\" height=\"47\" \/><\/a><\/h1>\n<p><strong>HTML<\/strong> is used to specify <strong>what<\/strong> is to be shown on a page.<\/p>\n<p><strong>CSS<\/strong> is used to <strong>format<\/strong> the page.<\/p>\n<p>CSS stands for <strong>Cascading Style Sheets<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h1><a href=\"https:\/\/www.w3schools.com\/css\/css_syntax.asp\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"image-59 alignright\" src=\"https:\/\/glow-prod-sh.s3.eu-west-1.amazonaws.com\/sh\/public\/ahscomputinghtml\/uploads\/sites\/3275\/2021\/06\/03210120\/w3schools-150x150.png?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&#038;X-Amz-Security-Token=IQoJb3JpZ2luX2VjEMT%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCWV1LXdlc3QtMSJGMEQCIGugESV4wLRedzh9FQKCWjMO6n2NOhM5q6UyVt4d9i2GAiAjwoZXcjf%2BtU5KD15qnWf8mOZGcSkcD9YUtL4xhk6CKCrCBQiN%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F8BEAUaDDI3MzU3MDE5NTQzMyIMkVYMvNfs9GfecU80KpYF9V9sibbzrJL%2BKJieMEfCXz3cmP9Ge54Ul4rBu%2BgOvBqAv1hSXN9sHlKjGxclpD0HHxsMHmUrrh3j0UQSor2WwCQrz7%2FUlLXoBY0gWVkWs8PtZS%2BdMaY9hTaBrkdQIqE363LgEDJhKV1W5yMAlxe5E0L9byDAskoRvxHSqfQLuIZn16D68fxL35PyHLkM4HIO1yufHLvIDwIK6Ju79fcfCg6nSyPXUuFdk9bvcQRtLcOB1iuvvBmNxjQ5X2g9FBokoaX5mDjWjnHY9wL7knMBMRyhrI0JgKZ4l%2F3MdyyRaceTjZOEEap08B%2Fsyu6twOUAzTxbxBMdQRtEwP0XBcTJblCtl2FTfY6iu3%2FckIoCpJAoQ7ntN45j7b%2FphyJKjAiUPyZu5FNeF0RvF6hEWlFFUlLsAYVxLrguQN8vNc5Yv7Td2wR7NPvyGPJtQpwYX4hiGjjSYQKOxT8YRpQc92yzeb7KkQXwuz2BQ7Mw%2B%2F%2BpgsCQpKWPy31%2Fc4SGKXSoTJ7xKNgdnTfOGkmI4pbhcKhxfFNOmQVXnAdOL5XV5aXZSga7OG3vBzaXGDFMRxarxh2NaXwVeoSU4kudvYKwc4Wklydexs2GdpqQ%2FbxiAE9QkF2TfESsOi4ysnO5JTQ4gCqb3XmPspv%2FP1UzRVim1nFDoI4NV8jQf2f50JkXUs%2FW0Jo%2BdmV7h1cERyWYkSV6stYcJz7RMCHCbxlZKokJ5JptlBejGtyo3WcppkDGrakpFbkUf542K4Jj23tk90Y6EV2yPYp7KfCn5l29LhOC8F%2B%2BxzS3bzfptYeEnb8ZXDt5e9yE0QOSTxndgDEs9MbdbaAA6rLk%2BMspCNj5W%2BwGS0YyEQM8KWvBGS%2B9k0QMyfjc2vh8h%2F5xhXIwsrGh0AY6sgGC40YFyCu3Nzm3BxIyEYLc5nwgUZ6%2Flas1CObgEVW3l2IqPv8Kk%2FzLrpgU5WIr98bMv2JVJwTTBgUrJ3kc8ZzriByNRkdwIahA1cLkjUPlfe5bOJK7Cuh%2FnAECAw8uu3yAfGEwOK7f1Cg0mHn2kxm3SsY7%2FA8TFtkurn8NLKYsM0jRRZ2CAta%2BS9aH%2B1FVREtW%2BKvypDJ9Ni6DKuofSeiE2plkVj6u%2BUevQyJ9xODuy4zi&#038;X-Amz-Algorithm=AWS4-HMAC-SHA256&#038;X-Amz-Credential=ASIAT7MQN47UVLUTULUV%2F20260516%2Feu-west-1%2Fs3%2Faws4_request&#038;X-Amz-Date=20260516T121547Z&#038;X-Amz-SignedHeaders=host&#038;X-Amz-Expires=900&#038;X-Amz-Signature=04fbdc67f8d7a1eb7ba71e7447db29cc8962182a931fbfc389f4381267c0677a\" alt=\"\" width=\"50\" height=\"47\" \/><\/a>CSS Syntax<\/h1>\n<h1><\/h1>\n<p>CSS commands have two components:<\/p>\n<ul>\n<li><strong>a selector<\/strong><br \/>\nthe names of the objects to be formatted<\/li>\n<li><strong>a declaration block<\/strong><br \/>\nthe formatting details<\/li>\n<\/ul>\n<p>Example: change the font and colour for heading1s and heading2s:<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n    h1, h2 {\r\n        font-family: 'Trebuchet MS', sans-serif;\r\n        color: orange;\r\n    }\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>HTML is used to specify what is to be shown on a page. CSS is used to format the page. CSS stands for Cascading Style Sheets &nbsp; CSS Syntax CSS commands have two components: a selector the names of the objects to be formatted a declaration block the formatting details Example: change the font and colour for heading1s and heading2s: h1, h2 { font-family: &#8216;Trebuchet MS&#8217;, sans-serif; color: orange; }<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":8,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":182,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/78\/revisions\/182"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}