{"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=IQoJb3JpZ2luX2VjEE4aCWV1LXdlc3QtMSJHMEUCIQCy5U9KCQDkAOmSk7qY37d3TpDt6li8ykZzbn26TPTNSgIgDkzWMZ%2FHNX0mZgmwVdpzpVlwJdD99DO%2BylgwFO7NnlUquQUIFxAFGgwyNzM1NzAxOTU0MzMiDBQlR562JauUYVir8iqWBcvtq3riHVv6VN7CwUDJN%2BU%2Bi%2BNPbkOILqlwaeyq8fvgJwkAYCT1zc8UF5BSHIJQKMSjxa0ye2IWM4xlc3eyw%2Bduvkn6cRaruuQZl8EcAIU4TJoBHhTl%2Bvj2NhGXfNrk4icVCma%2BQgNxUn9cBEekSODjSCcGNW5g9Z9Ef%2F75n9K3srlBSEJ%2FWP7taAsFh7YyFlvzzS0VuE0W%2FzBeCwAKdnRJ7ZY2Njx6IaGVsLZMeBs87goUDMl%2BufTMd%2Fu2ByXc9ng54uZPck1dq125PpcXkhf%2BCLI%2F12Lo2av%2BQ%2B34wowftPQqI5kVQwvXpo3tknZeE1YqXeua6BR5j7FFtIWZZPunfsJHoRn13y2DFbLsOD1wM64T69VhEshS3n1FOLmEJiNs2XRuaunP5q%2BoitboT1V6iHplUsIgRm7i6bS%2FZMuiCC1ITpeQCMh7Hwb4FZuB%2FAqpKmgpmrOnw00SvRdF9SYqL%2B0FydtF%2BAEGakI9ffUwCNM%2F0hXBU2JTCP9VBOhTGy4nGz6%2BhIfp2KHoVzh4h8bJWDfhiW1lteHbnJh%2FvN%2BlVzDj5l9cdtGVWcKXrILUeHbPp1%2Fis8BENsimxMbWRX9VVQ1aKyT1W3FiooqYNMx3l0YP2oogSyey4NbawAFayAxPElUokLnVcDnwI29dIfGQ4MSeUwUvDflWNQUC4yczcsUVPtAyrBk%2B%2B3YvZb2LunFOdloOMMOagMM225fkR5F6gSS6bn8VvhWVtSg2bIwO2fxCQ0T1gTaXTKbAl%2BzHuUi9O1yo2b6M6NyAKecE4aUS2iJ3lYMC0i1wFlpAEdykUrH2AzfZhqa6qtmcWBcChsnToqAKyjwp1xqK9fyu7A8vztH4Ql30IHj%2FtVgm3SpXIqu8j0d7MLv%2Fls8GOrEBRDhnNJXU5%2B0WkBlRquweKtVrE0xG0YRZ8qhKDafjJdee2j%2FfKJD6cn1tkxpdIlrgi%2FQ75PghA3JY%2B6SB4n6WnLjBo37ouz8eW0fy3wna%2BTSdKFV2Dm%2Fphd8%2BpzWMEEMwCe4q%2FtzehlGGRTrpcJi93NvMg4p2DhYjT7eA631HEqxPLrC5mo2UtvGRNo2LfrXQbLk8YUNqW0AdMA5Zb2MJ94bAzzpBpewcP0jkmcotH0XO&#038;X-Amz-Algorithm=AWS4-HMAC-SHA256&#038;X-Amz-Credential=ASIAT7MQN47UTEEPTRSC%2F20260420%2Feu-west-1%2Fs3%2Faws4_request&#038;X-Amz-Date=20260420T064419Z&#038;X-Amz-SignedHeaders=host&#038;X-Amz-Expires=900&#038;X-Amz-Signature=f1693ad5f6db55dc3f7d1c555afe3f06b8a7a2692e544479593899f52dd356bd\" 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=IQoJb3JpZ2luX2VjEE4aCWV1LXdlc3QtMSJHMEUCIQCy5U9KCQDkAOmSk7qY37d3TpDt6li8ykZzbn26TPTNSgIgDkzWMZ%2FHNX0mZgmwVdpzpVlwJdD99DO%2BylgwFO7NnlUquQUIFxAFGgwyNzM1NzAxOTU0MzMiDBQlR562JauUYVir8iqWBcvtq3riHVv6VN7CwUDJN%2BU%2Bi%2BNPbkOILqlwaeyq8fvgJwkAYCT1zc8UF5BSHIJQKMSjxa0ye2IWM4xlc3eyw%2Bduvkn6cRaruuQZl8EcAIU4TJoBHhTl%2Bvj2NhGXfNrk4icVCma%2BQgNxUn9cBEekSODjSCcGNW5g9Z9Ef%2F75n9K3srlBSEJ%2FWP7taAsFh7YyFlvzzS0VuE0W%2FzBeCwAKdnRJ7ZY2Njx6IaGVsLZMeBs87goUDMl%2BufTMd%2Fu2ByXc9ng54uZPck1dq125PpcXkhf%2BCLI%2F12Lo2av%2BQ%2B34wowftPQqI5kVQwvXpo3tknZeE1YqXeua6BR5j7FFtIWZZPunfsJHoRn13y2DFbLsOD1wM64T69VhEshS3n1FOLmEJiNs2XRuaunP5q%2BoitboT1V6iHplUsIgRm7i6bS%2FZMuiCC1ITpeQCMh7Hwb4FZuB%2FAqpKmgpmrOnw00SvRdF9SYqL%2B0FydtF%2BAEGakI9ffUwCNM%2F0hXBU2JTCP9VBOhTGy4nGz6%2BhIfp2KHoVzh4h8bJWDfhiW1lteHbnJh%2FvN%2BlVzDj5l9cdtGVWcKXrILUeHbPp1%2Fis8BENsimxMbWRX9VVQ1aKyT1W3FiooqYNMx3l0YP2oogSyey4NbawAFayAxPElUokLnVcDnwI29dIfGQ4MSeUwUvDflWNQUC4yczcsUVPtAyrBk%2B%2B3YvZb2LunFOdloOMMOagMM225fkR5F6gSS6bn8VvhWVtSg2bIwO2fxCQ0T1gTaXTKbAl%2BzHuUi9O1yo2b6M6NyAKecE4aUS2iJ3lYMC0i1wFlpAEdykUrH2AzfZhqa6qtmcWBcChsnToqAKyjwp1xqK9fyu7A8vztH4Ql30IHj%2FtVgm3SpXIqu8j0d7MLv%2Fls8GOrEBRDhnNJXU5%2B0WkBlRquweKtVrE0xG0YRZ8qhKDafjJdee2j%2FfKJD6cn1tkxpdIlrgi%2FQ75PghA3JY%2B6SB4n6WnLjBo37ouz8eW0fy3wna%2BTSdKFV2Dm%2Fphd8%2BpzWMEEMwCe4q%2FtzehlGGRTrpcJi93NvMg4p2DhYjT7eA631HEqxPLrC5mo2UtvGRNo2LfrXQbLk8YUNqW0AdMA5Zb2MJ94bAzzpBpewcP0jkmcotH0XO&#038;X-Amz-Algorithm=AWS4-HMAC-SHA256&#038;X-Amz-Credential=ASIAT7MQN47UTEEPTRSC%2F20260420%2Feu-west-1%2Fs3%2Faws4_request&#038;X-Amz-Date=20260420T064419Z&#038;X-Amz-SignedHeaders=host&#038;X-Amz-Expires=900&#038;X-Amz-Signature=f1693ad5f6db55dc3f7d1c555afe3f06b8a7a2692e544479593899f52dd356bd\" 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}]}}