Week 2: CSS Website – Sebastian Lau (Chen)

http://imanas.shanghai.nyu.edu/~shl620/week2/aboutmecss.html

For my updated CSS page I changed the background color of the webpage and the color of the text. While I found it quite straightforward, I had trouble with giving my sections a background color without it covering the whole line. I searched up how I could restrict the background color to only the text that it was supposed to affect and I got this: 

display: inline-block;

Another problem I had was aligning my image to a different area. At first, I thought I had to use “align”, but after going back to Thursday’s example I realized that I had used the wrong command and instead used “left”. 

I utilized a Google font to use the Quattrocento font for the text in my lists of hobbies. It was quite straightforward as Google fonts lets you just copy and paste the required code to implement the font style. I also used hexadecimal code to get my colors for the text as I wanted it to be close to the color of the background. 

I tried using the “a:hover” command on the image and link, however, I wasn’t sure if it was considered a css command. I think if I used it in the .html document I might’ve been able to get it to work, but I was unsure how to combine classes and the “a.hover” command. 

Leave a Reply