Onolunose Oko-Ose
Onose's journey

Onose's journey

A ride with CSS continued

Photo by Lauren Mancke on Unsplash

A ride with CSS continued

Onolunose Oko-Ose's photo
Onolunose Oko-Ose
·May 24, 2022·

2 min read

Welcome to my day 7! I will be continuing my journey with building a restaurant menu page with CSS. Here are the 10 things I learnt today.

  1. Styling a class selector: A class selector is defined by a name with a dot directly in front it.
  2. Using the background-image element to add image to the background of the web page.
  3. Using the article element: article elements commonly contain multiple elements that have related information.
  4. Using the display property
  5. Using the padding properties: You can give your menu some space between the content and the sides with various padding properties. I made you of the padding-top, padding-left, padding-right and padding bottom properties.
  6. Max-width element: The width of a page may be set to a specific which may appear far away on a very wide screen, to prevent that we use the max-width property.
  7. Using the font-family to select the font to be used on the web page.
  8. Adding the fallback value in cases where the font-family name is not available.
  9. Using the font-style attributes -italic, bold etc.
  10. Using the font-size property. Additional knowledge: If you want to display text in HTML, you can use a paragraph or span: • Paragraphs (

    ) contain a block of plain text. • contains short pieces of text or other HTML. They are used to separate small pieces of content that are on the same line as other content.

Below is the HTML and CSS code

Day 7 html.PNG

Day 7 CSS.PNG

Day 7 web page.PNG

Thanks for reading. Please your comments.

 
Share this