CSS basic in beginner way


Frist interaction with CSS
FULL FORM OF CSS : Cascading Style Sheets.
what is Cascading : it simply means overwriting ( note : not deleting but overwrite )
supposed you write simple web page with just HTML, only using H1, H2, P tag
when you when your web page same as you write code but in some area browser also apply stylling from his side, like WHAT ?
In this above example you can see, button has padding, margin to this button
and no i did not add this, i just add button but excitment part is that Browser add this padding and margin by his self..!
what if i want to add padding or margin by myself, can i do that, Answer is YES
do i have to delete this pre padding given by browser to add other padding, NO
you can sipmply overwrite this
in above image you can see browser already apply border color as buttonborder
but we can simply overwrite it
like this we simply overwrite border color from buttonborder to red
this overwriting of code is called Cascading
Subscribe to my newsletter
Read articles from Prem Takawane directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
