Read on Twitter
8 CSS Properties you must know in 2021 and beyond
A thread
A thread
1. Display
This property specifies the display behavior of an element.
The most important values: block, inline, inline-block and none.
More: https://www.w3schools.com/cssref/pr_class_display.asp
This property specifies the display behavior of an element.
The most important values: block, inline, inline-block and none.
More: https://www.w3schools.com/cssref/pr_class_display.asp
2. Width and Height
These 2 properties are used to set the height and width of an element.
They can have the following values: auto, length, %, initial or inherit.
More: https://www.w3schools.com/css/css_dimension.asp
These 2 properties are used to set the height and width of an element.
They can have the following values: auto, length, %, initial or inherit.
More: https://www.w3schools.com/css/css_dimension.asp
3. Margin and Padding
These 2 dictate the spaces between elements on your website.
Margins affect the area outside of borders whereas paddings affect areas inside the border.
More: https://www.w3schools.com/css/css_boxmodel.asp
These 2 dictate the spaces between elements on your website.
Margins affect the area outside of borders whereas paddings affect areas inside the border.
More: https://www.w3schools.com/css/css_boxmodel.asp
4. Border
This one is pretty much self self explanatory, it specifies what kind of border to display.
A few if the values that are allowed: solid, none, hidden, dotted, double.
More: https://www.w3schools.com/css/css_border.asp
This one is pretty much self self explanatory, it specifies what kind of border to display.
A few if the values that are allowed: solid, none, hidden, dotted, double.
More: https://www.w3schools.com/css/css_border.asp
5. Floats
This property is used for positioning and formatting content on your website.
It can have the following values: left, right, none, inherit.
More: https://www.w3schools.com/css/css_float.asp
This property is used for positioning and formatting content on your website.
It can have the following values: left, right, none, inherit.
More: https://www.w3schools.com/css/css_float.asp
7. Color
This property specifies the color of text.
You can use an RBG value, a HEX value or the actual name of the color you want to use.
More: https://www.w3schools.com/cssref/pr_text_color.asp
This property specifies the color of text.
You can use an RBG value, a HEX value or the actual name of the color you want to use.
More: https://www.w3schools.com/cssref/pr_text_color.asp
8. Background
This property specifies the background color of an element.
You can use the same values like for the color property.
More: https://www.w3schools.com/css/css_background.asp
This property specifies the background color of an element.
You can use the same values like for the color property.
More: https://www.w3schools.com/css/css_background.asp
End of this thread
Thanks for reading, I hope you found it useful.
If you did make sure you follow me on Twitter @VladPasca5 for more tweets about improving as a developer, web development, and coding in general.
Keep learning!
Thanks for reading, I hope you found it useful.
If you did make sure you follow me on Twitter @VladPasca5 for more tweets about improving as a developer, web development, and coding in general.
Keep learning!
