{"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 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=IQoJb3JpZ2luX2VjELX%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCWV1LXdlc3QtMSJHMEUCIFBHVE0sB1JLoKOoooEKmTy41XjQv7jfqILXhUeKN9VLAiEA0kWfUvfmTsCoVe3fR8KxNi%2BgPEhQL2yFA9zmEvoYaKIquQUIfhAFGgwyNzM1NzAxOTU0MzMiDEJj8LUt1OSbA%2BRyxyqWBZruCU1sbP%2BkYlS2k5RkgqGU9ijP%2Fa6hWxVT3jLq5Chq30LTkKS6V0ypPKgjoGzVBYlqgYhW0sD%2FZ4q8Sz2mE9gk7gZrEledrBdmCRBtxqr16SdFrgBRCZJJ%2FHmIitWfn%2FotRYxcPjwUBRfCECNCYnl3iBxXrRjYSVe9BxXu1we5XpFNjh3Gvf%2BqeG22oo4PNT86ncSnBewAVN4iaUd8zhv8DvXCHq%2FtVERfdm94JrFmhC%2BP6%2Br36SRscfKemryJLUsrRCgDQus8Dk7F3m1gC3URuYLBzhHikk6d2DuZQhf2%2FtNs8S3P7gi7p8mdQiKyPZCbHqSHDemQ4saiLkyPnBbVyVv5Q6y5o1birD%2BZOT7o5iWgrB93BTfbUW5oZdCdxlABg0dBTavuo0uSZ8ST6uiTmH%2BOWz33I0zvalOKCoF7EHh3aH%2FvsBp9dfkjVXOEQXRvAuGJagzA4J7AQ1DI%2BUiWYp3w3pXHX57kvEy9jjgm%2BVl%2BN8QOEqWZ1KE8XQrmdpBu2Nas4oMDb2XrjXHZOk7tMRq00A1xXyi4PIoYYb6LR5muuxfu5KsIRJ1q4npIGcs3JJ%2BqeNKsKVxXqhBpQ4kvn4oJmN%2F9L4Rmp4RBQ%2BtCpS1kFZRRJ551nWrR7Q7lmNUFNP78Lft5MYEnt478E9pP%2FNGfzckgCRct0aubJFY5STanJfqMos%2F4GeNOdVJa03LBO6Ts%2BNzI2%2ByuyetDYSuaw6OZFdsMszHauRea5AxtiLwV%2FF81ZORXEx22kIvovN5jNgAyx%2FEiRLEpDc4BPqkHi9Ut06%2BHwtjq9owis4YSWGrWzuKpvvkrtI1oqy3WmDXOnyUHYoWf0aIV9gA0VLU6QOrq2hZMHpPmbQPafrBtC50EdqUVMOyz%2BdUGOrEBl7Wa%2FNYNxZTeCpMyhUPpVAb6oPwYVmyPxgrMgnZgLA1vqQ6ktpH5RRN%2BmRQZoL7hKYxaiovEzDsbbakrwgqkC%2FkOHLWPxBrHOY1qZLgxq7NFk443tFEVV0ZhgpZyNsyamThcksD51%2F0vR8%2Bth69TSXLiHs7EsoYgTDKLHMd%2By5pUKFg1KitGCkbBy%2B3ZEtaW9bI%2Bk2S6%2BrLF9yWCboxul22NwhYL4459PQiYy8MlJH5V&#038;X-Amz-Algorithm=AWS4-HMAC-SHA256&#038;X-Amz-Credential=ASIAT7MQN47U72AAQYAE%2F20261001%2Feu-west-1%2Fs3%2Faws4_request&#038;X-Amz-Date=20261001T134301Z&#038;X-Amz-SignedHeaders=host&#038;X-Amz-Expires=900&#038;X-Amz-Signature=1538959d9afac9420d6ab5da6e5577c2f8bcbd7b2bee5c34d950a8713f81f1d9\" 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 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=IQoJb3JpZ2luX2VjELX%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCWV1LXdlc3QtMSJHMEUCIFBHVE0sB1JLoKOoooEKmTy41XjQv7jfqILXhUeKN9VLAiEA0kWfUvfmTsCoVe3fR8KxNi%2BgPEhQL2yFA9zmEvoYaKIquQUIfhAFGgwyNzM1NzAxOTU0MzMiDEJj8LUt1OSbA%2BRyxyqWBZruCU1sbP%2BkYlS2k5RkgqGU9ijP%2Fa6hWxVT3jLq5Chq30LTkKS6V0ypPKgjoGzVBYlqgYhW0sD%2FZ4q8Sz2mE9gk7gZrEledrBdmCRBtxqr16SdFrgBRCZJJ%2FHmIitWfn%2FotRYxcPjwUBRfCECNCYnl3iBxXrRjYSVe9BxXu1we5XpFNjh3Gvf%2BqeG22oo4PNT86ncSnBewAVN4iaUd8zhv8DvXCHq%2FtVERfdm94JrFmhC%2BP6%2Br36SRscfKemryJLUsrRCgDQus8Dk7F3m1gC3URuYLBzhHikk6d2DuZQhf2%2FtNs8S3P7gi7p8mdQiKyPZCbHqSHDemQ4saiLkyPnBbVyVv5Q6y5o1birD%2BZOT7o5iWgrB93BTfbUW5oZdCdxlABg0dBTavuo0uSZ8ST6uiTmH%2BOWz33I0zvalOKCoF7EHh3aH%2FvsBp9dfkjVXOEQXRvAuGJagzA4J7AQ1DI%2BUiWYp3w3pXHX57kvEy9jjgm%2BVl%2BN8QOEqWZ1KE8XQrmdpBu2Nas4oMDb2XrjXHZOk7tMRq00A1xXyi4PIoYYb6LR5muuxfu5KsIRJ1q4npIGcs3JJ%2BqeNKsKVxXqhBpQ4kvn4oJmN%2F9L4Rmp4RBQ%2BtCpS1kFZRRJ551nWrR7Q7lmNUFNP78Lft5MYEnt478E9pP%2FNGfzckgCRct0aubJFY5STanJfqMos%2F4GeNOdVJa03LBO6Ts%2BNzI2%2ByuyetDYSuaw6OZFdsMszHauRea5AxtiLwV%2FF81ZORXEx22kIvovN5jNgAyx%2FEiRLEpDc4BPqkHi9Ut06%2BHwtjq9owis4YSWGrWzuKpvvkrtI1oqy3WmDXOnyUHYoWf0aIV9gA0VLU6QOrq2hZMHpPmbQPafrBtC50EdqUVMOyz%2BdUGOrEBl7Wa%2FNYNxZTeCpMyhUPpVAb6oPwYVmyPxgrMgnZgLA1vqQ6ktpH5RRN%2BmRQZoL7hKYxaiovEzDsbbakrwgqkC%2FkOHLWPxBrHOY1qZLgxq7NFk443tFEVV0ZhgpZyNsyamThcksD51%2F0vR8%2Bth69TSXLiHs7EsoYgTDKLHMd%2By5pUKFg1KitGCkbBy%2B3ZEtaW9bI%2Bk2S6%2BrLF9yWCboxul22NwhYL4459PQiYy8MlJH5V&#038;X-Amz-Algorithm=AWS4-HMAC-SHA256&#038;X-Amz-Credential=ASIAT7MQN47U72AAQYAE%2F20261001%2Feu-west-1%2Fs3%2Faws4_request&#038;X-Amz-Date=20261001T134301Z&#038;X-Amz-SignedHeaders=host&#038;X-Amz-Expires=900&#038;X-Amz-Signature=1538959d9afac9420d6ab5da6e5577c2f8bcbd7b2bee5c34d950a8713f81f1d9\" 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}]}}