About Lesson

CSS layout techniques

Here are some of the most common CSS layout techniques:

  1. Display – This property specifies how an element is displayed. The most common values are block, inline, and inline-block.
  2. Float – This property specifies that an element should be floated to the left or right of its container.
  • Position – This property specifies the position of an element on the page. The most common values are static, relative, absolute, and fixed.
  1. Top, left`,right, “bottom** – These properties specify the position of an element on the page.
  2. Width and height – These properties specify the width and height of an element.
  3. Margin – This property specifies the space between an element and its container.
  • Padding – This property specifies the space between the content of an element and its border.
  • Border – This property specifies the border of an element.
  1. Overflow – This property specifies what happens when the content of an element overflows its container.

You can use these properties to create a variety of layouts, from simple to complex. For example, you could use the display property to create a two-column layout, the float property to create a sidebar, and the position property to create a floating menu.