This week, our class focused on CSS in more depth, exploring how it controls the styling and layout of web pages. We looked at different properties such as colours, fonts, spacing, and positioning, and learned how to implement them effectively to enhance the visual design of our projects. The class also highlighted how CSS works alongside HTML to create a cohesive and visually appealing website, giving us practical skills to apply directly to our design work.
CSS is a language used to style and format the content of a webpage. While HTML provides us with the structure and content like headings, paragraphs, images, and links, CSS controls how those elements look, including colours, fonts, sizes, spacing, and positioning. Both HTML and CSS work together: HTML lays out the skeleton of the page, and CSS dresses it up, giving designers the ability to create visually appealing and organised websites. Essentially, HTML is the structure, and CSS is the design.
Adding CSS to design projects like yours allows you to bring your website essay to life visually, not just structurally. You can use CSS alongside HTML to control the layout, colour schemes, typography, spacing, and image presentation. For example, HTML gives you the content, headings, paragraphs, and images, while CSS lets you set Saul Bass-inspired colours, adjust font sizes, add margins or padding for breathing room, and create a modern, clean aesthetic. By linking CSS to your HTML, either through an external stylesheet or inline styles, you gain full control over how your essay website looks, ensuring it reflects the minimal, bold, and structured style you want to capture. It also makes future edits easier since you can change the style without altering the HTML structure.
<aside>
Overall, today’s class gave a clear understanding of how CSS works hand-in-hand with HTML to create visually appealing and functional web designs. It highlighted how style and structure are separated yet connected, allowing us to control colours, fonts, layouts, and spacing effectively. For my project, this reinforced how I can bring my Street of Crocodiles website to life, maintaining a clean, modern aesthetic while applying the design principles I’ve been exploring. I feel more confident in using CSS to enhance my work and make my website both visually engaging and easy to navigate.
</aside>