A ride with CSS again

Photo by Andrew Neel on Unsplash

A ride with CSS again

Day 6! Consistency is key to success they say, and I am determined to be successful. We begin a new segment today on free code camp. The target is to finish that segment this week. So, here are my 10 lessons for today. Let’s see how it goes. I will be designing a restaurant web page.

  1. Meta element: a. meta element with an attribute named charset set to the value utf-8 tells the browser how to encode characters for the page. b. For the styling of the page to look similar on mobile as it does on a desktop or laptop, you need to add a meta element with a special content attribute.
  2. Main element:
  3. Adding a style element with the head element: You can add style to an element by specifying it in the style element and setting a property for it. I used the text-align, background-color,
  4. Type selector: Used to style a particular element.
  5. You now have three type selectors with the exact same styling. You can add the same group of styles to many elements by separating the selectors with commas.
  6. Creating an external css file using .css .
  7. Using the div element: The div element is used mainly for design layout purposes unlike the other content elements you have used so far.
  8. CSS width property: Using pixels (px) or percentage (%).
  9. Comments in CSS look like this: / comment here /
  10. Using the margin element: Think of the margin as invisible space around an element. I used margin-left and margin-right in this work.

Behind the scene Day 6 pic 1.PNG

The outcome

day 6 pic 2.PNG

That's all for today. See ya tomorrow.