CSS Basics
Font sizes are a bit confusing for me, did some reading in the Learning Web Design book, and it helped but I needed a bit more of research. So, I went to CSS-tricks blog and there was this article “Font Size Idea” which I tried and I think it helped me to improve my document as it is more responsive because I am using a relative value. Also, Kathleen McMahon recommends in one of her articles to use a unitless-height value to allow “the line spacing of the container to scale up in proportion to the rem-based font size, while avoiding CSS inheritance issues.” – Pixels vs. Relative Units in CSS: why it’s still a big deal. But because I still not familiar with all the values and elements, I did some reading on developer.mozilla website, and it confirmed that I could avoid unexpected results by using unitless line-height as length and percentage line-heights have poor inheritance behaviour.
Accessibility Concerns – Use a minimum value of 1.5 for line-height for main paragraph content. This will help people experiencing low vision conditions, as well as people with cognitive concerns such as Dyslexia. If the page is zoomed to increase the text size, using a unitless value ensures that the line height will scale proportionately. – Developer-Mozilla
A bit about Markup … <span></span> is an inline element, so it is not used for content-grouping elements. <div></div> is a block-level element, so it is good for division of content. id=”…” is to assign a unique identifier to an element, it must be used only once. class=”…” classifies elements into conceptual groups.
Picking a color. To find the RGB color values I can go to google.com and search “google picker”, it will show me the color in a variety of color models, including the hexadecimal equivalent, meaning it’s ready to use in the style sheet.
And finally, after hours of learning some basic CSS, I was able to work on the different elements that my markup had. I included some new elements to the original markup as I had to make it more especific, adding id and class, so the changes would be made to the parts of the document I wanted. After so many changes in the HTML and CSS, I was able to validate my Style Sheet and my HTML. For this step I used W3C Validator. I didn’t have any error, therefore I was able to upload these documents to Filezilla.