Basic CSS

Customizing my web page has easily been my favorite part of web design. I love being able to choose a different font color or a background color for a block of text and really make it up to my liking. Up until this week I thought I would only be able to choose one decorative element per block of text. I’m glad to say I don’t think that any longer.

Choosing multiple elements for text is easier than I anticipated. The assignment was to chose a paragraph and alter it with three decorative elements. I chose to make the font purple, change the font to Verona and add a white background to make it pop. In the end my code ended up looking like this:

Screen Shot 2019-08-18 at 7.31.26 PM

And my web page reflected that code by looking like this:

Screen Shot 2019-08-18 at 7.33.02 PM

I didn’t have much trouble adapting to adding multiple elements and I found that these new skills could reflect my creative vision in ways I didn’t think were possible. I’m so excited to see what else there is to learn!

In addition to that I also added elements of inline CSS. Inline CSS reflects the entire page’s HTML which means that when I type in a code that looks like this:

Screen Shot 2019-08-18 at 7.38.43 PM

It is reflected on my web page to look like this:

Screen Shot 2019-08-18 at 7.39.02 PM

My inline CSS changed the font size, font color and font itself. It’s much faster than typing in each element for each paragraph individually. I really feel myself becoming more confident as each week passes. I’m so thankful thank this class has taught me skills that I can apply to my life in such an impactful way.

My Web Page:

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s