Hongseoupyun / HTML-CSSPractice

HTML-CSSPractice

Front End UI Development

• Design(Figma) => Markup(HTML) => CSS

CSS specificity

1. !important
2. inline style
3. #id
4. class
5. tag

CSS box model

• Padding
• Border
• Margin

HTML Block or Inline?

• Block tag : <div></div>, <section></section> and almost every tags are block tag.

  • Width of block tag will be same as width of parent.
  • Height of block tag will be same as the height of the child.

• Inline : <span></span>, <a></a>,<input></input> etc.

CSS Framework

• Bootstrap
• Tailwindcss