Alfaiz Ali
Alfaiz Ali

@heyAlfaiz

5 Tweets 5 reads Oct 08, 2022
CSS BASICS: A Reference Guide for Frontend Developers (Part 3)
A Thread ๐Ÿงต๐Ÿ‘‡
CSS BASICS (Part 2)
CSS BASICS (Part 3)
๐Ÿ”ถ CSS Box Model
In CSS, the term "box model" is used when talking about design and layout.
The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content.
๐Ÿ”ธ Content - The content of the box, where text and images appear
๐Ÿ”ธ Padding - Clears an area around the content. The padding is transparent
๐Ÿ”ธ Border - A border that goes around the padding and content
๐Ÿ”ธ Margin - Clears an area outside the border. The margin is transparent.
If you liked this thread:
1. Follow me โœ…
2. Retweet this tweet ๐Ÿ”
3. Turn on the notification ๐Ÿ””
Thanks so much for getting to the end of it ๐Ÿ™๐Ÿ˜

Loading suggestions...