β‘A Deep-Dive into ππ¦π¦ π¦π²πΉπ²π°ππΌπΏπ + π¨π»πΆππβ‘
A Thread π§΅β©
A Thread π§΅β©
β§ CSS concepts covered in this thread π§΅β©
- All CSS Selectors
- CSS Units Explained + Cheatsheet
- CSS Variables
- CSS Variables Scope
Let's go!! β©
- All CSS Selectors
- CSS Units Explained + Cheatsheet
- CSS Variables
- CSS Variables Scope
Let's go!! β©
π CSS Selectors
First, let's go with the basic ones:-
- Type selector
- Class selector
- id selector
β©
First, let's go with the basic ones:-
- Type selector
- Class selector
- id selector
β©
β§ Now as you have learned about the basic ones let's get into some advanced stuff.
- Attribute selector β©
- Attribute selector β©
β§ Attribute selector is good but we have some more that can help us to save a lot of time.
- Universal selector
- Grouping selector
- Compound selector
β©
- Universal selector
- Grouping selector
- Compound selector
β©
β§ Now if you are enjoying we have a final & more advanced selector:
β¨ Combinators - allow you to target specific elements based on their relationship to other elements in the HTML document.
β¨ There are 4 types
- Descendant
- Child
- General sibling
- Adjacent sibling
β©
β¨ Combinators - allow you to target specific elements based on their relationship to other elements in the HTML document.
β¨ There are 4 types
- Descendant
- Child
- General sibling
- Adjacent sibling
β©
π CSS Units β©
βΉ CSS has several different units for expressing a length.
βΉ Many CSS properties take "length" values, such as width, margin, padding, font-size, etc.
βΉ Length is a number followed by a unit, such as 10px, 2em, etc.
βΉ CSS has several different units for expressing a length.
βΉ Many CSS properties take "length" values, such as width, margin, padding, font-size, etc.
βΉ Length is a number followed by a unit, such as 10px, 2em, etc.
β§ All CSS Units Cheatsheet β©
π What are CSS Variables?
βΉ CSS Variables [custom properties] are entities defined by CSS authors that contain specific values to be reused throughout a document.
βΉ They are set using custom property notation (e.g., --main-color: black;) and accessed using var() function.
βΉ CSS Variables [custom properties] are entities defined by CSS authors that contain specific values to be reused throughout a document.
βΉ They are set using custom property notation (e.g., --main-color: black;) and accessed using var() function.
![π What are CSS Variables?
βΉ CSS Variables [custom properties] are entities defined by CSS authors t...](https://pbs.twimg.com/media/FrU8YW5aYAAqrkV.jpg)
β§ Global Scope ππ Local Scope in CSS Variables β
That's it for this thread. Hope you like it. ππΌ
- Hii I'm Aakash. ππ½
- Sharing my journey and learnings. π
If you liked it, then you can follow me, @Aakash_codes β for more such content & resources.
Thanks for the support.π
- Hii I'm Aakash. ππ½
- Sharing my journey and learnings. π
If you liked it, then you can follow me, @Aakash_codes β for more such content & resources.
Thanks for the support.π
Loading suggestions...