To use CSS, you start with a selector<\/strong>, which is the element you want to design. Inside curly brackets, you then add properties and values<\/strong> that define how the element should look. For example, color: blue; sets the text colour to blue. By experimenting with CSS on my three designed objects, I was able to change text and background colours and even add cool effects like image shadows. This showed me how CSS really brings a webpage together, making it more visually appealing.<\/p>\n\n\n We also looked at the work of Lynn Fisher<\/strong>, a very inspirational web designer. She thinks outside the box when applying CSS, which makes me want to have fun and be more creative with my own designs. While exploring, I also came across CSS Tricks<\/strong>, a website full of helpful examples and explanations. I\u2019d recommend it to anyone, whether they\u2019re just starting with CSS or already experienced.<\/p>\n\n\n\n When working with colour, I wanted to make sure my text was always easy to read against the background. I found a contrast checker website<\/strong> that tested whether my colour choices passed accessibility standards. It was simple to use, and I could instantly see the difference in how much clearer my text looked.<\/p>\n\n\n Finally, I improved the homepage of my website. At first, it looked a bit dull with just plain text links, so I added images of my three objects and linked them. This was something I hadn\u2019t done before, but it was straightforward and it made my homepage far more attractive and engaging.<\/p>\n\n\n\n Overall, this week gave me a solid foundation in CSS, as well as the confidence to experiment with styling and design. I enjoyed seeing how small changes could make a big difference in the look and feel of my work, and I\u2019m looking forward to building on these skills in the weeks ahead.<\/p>\n\n\n\n References:<\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" This week I learnt about CSS (Cascading Style Sheets), which is the presentation layer of a webpage. The term \u201ccascading\u201d means that CSS applies styles by following an order of priority, usually taking the last line of code applied to an element. By learning CSS, I now have a clearer understanding of how to use […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-216","post","type-post","status-publish","format-standard","hentry","category-weekly-learning-2"],"_links":{"self":[{"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/posts\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":1,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/posts\/216\/revisions"}],"predecessor-version":[{"id":219,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/posts\/216\/revisions\/219"}],"wp:attachment":[{"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/media?parent=216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/categories?post=216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megandarkodesigns.uk\/blog\/wp-json\/wp\/v2\/tags?post=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/10\/image-3.png\")
<\/figure>\n<\/div>\n\n\n![\"\"](\"https:\/\/megandarkodesigns.uk\/blog\/wp-content\/uploads\/2025\/10\/image-2.png\")
<\/figure>\n<\/div>\n\n\n\n