WEEK 4: The heartbreaking Quiz

                                                                                       JUNE 23- JUNE 26

This week was full of activities and fun. This week's highlight was the hands-on quiz about the three kinds of style sheet. I got a heartbreaking score. Could you imagine? I got a score of 20 out of 65 points? How painful and unfortunate is that? It took me a day to move on from that very heartbreaking quiz. On this hands-on quiz, We need to make a css file which is the same as the picture below.

                  Step by step procedure. This is the key to finish this quiz. You need to focus in a certain part before doing the next part. During the quiz, I can feel the tension between my eyes and the monitor. I started to panic when our teacher said that we only have a minute left. All I can see in my screen was just a plain text... very far from the target output. I was so happy when a blue color appeared on my screen on the last second and our teacher says, "back off". That's it. 2 words, 7 letters. BACK OFF! So yeah, that phrase ruined my day. My work made me want to cry but then, I see that most of us wasn't able to finish the quiz. Such a relief, I thought I was the only one who didn't finish the quiz.But still, my score doesn't satisfy me but I have to deal with it. I left the room with a heavy heart but still I need to spread positive vibes around me, I'll beat my score next time!

This week we also discussed things such as: Class Selectors, ID selector and <span> tag. In using class selector, all elements are specified with class rather than generally defining a style for an element. The format of the Class selector is .classname {style rules; }. The class selector is preceded by a period and followed by a declaration enclosed in curly braces.

Another way to create a style that is independent of specific HTML tag is the ID selector.  In ID selector, you can choose the style for the element by assigning it a unique ID. The difference between an ID and a class is that an ID can be used to identify one element, whereas a class can be used to identify more than one. The format of the ID selector is #IDselector { declaration; }. The ID selector is always preceded by a hash mark (#) and followed by a declaration enclosed in curly braces.

If you want to change only a selected portion of text, the <span> tag should be used. By doing so, you can create an inline style that will be embedded within another element and apply only to tha portion on the content. Inthis way you can add or override a style to an element for which a style has already been define. 

Here's an example: <span style="margin-left: 10%; font-size: 26pt;"></span>


Yeah, this week was really exhausting. New terms and lessons learned. But I can still feel the aftershocks of the 65-points-quiz, but well, there are more quizzes to come and I'll make sure I'll beat my score next time. So yeah, I have to say bye for now! See you in my next blogs :)