CSS stands for Cascading Style Sheet, and is used to make webpages more visually attractive, as you can add colour, fonts, padding and lots other visual elements to make the webpage look better. It is a language used to make websites more interesting, and is used alongside HTML, which is the structure for all webpages. It is essential for creating aesthetic and responsive websites. CSS is usually structured like this:
p {
color: green;
}
CSS is a very important code language for web developers. As you can see from the images below, CSS makes websites look far more attractive and accessible than without it. The left image has CSS added to it and the right image is just HTML with no CSS.
For my Women in Design webpage I used CSS to make it more visually attractive and responsive. I started by setting the background colour, text colour, and setting the margin. Next I set the fonts and set everything to the correct size. I originally used px, but then found out that using rem is better, as it makes elements more adjustable to the viewport. Something I struggled a bit with was creating the CSS for the introduction, as I had a white border around the text with curved edges, but with some research I figured out how to create this using border radius. Next I finished the styling for all the text.
Finally, I completed the CSS for the sheet by adding the footer information, and also adding images of the Notion and Outlook logo which I thought were a nice touch.
Here is the final Women in Design website:
https://andrewtodd7.github.io/women-in-design/index1.html
I thought that the past 2 weeks of learning about CSS was really helpful as this was something that I had never used before so it was good to be able to learn something that was completely new to me. I learnt a lot from these classes but like HTML, I had to do a lot of extra research to get a good understanding of it.