โก Day - 02 of ๐ญ๐ฌ ๐ฑ๐ฎ๐๐ ๐ผ๐ณ ๐๐ฆ๐ฆ ๐ ๐ฎ๐๐๐ฒ๐ฟ๐ โก
โง CSS concepts covered in this thread ๐งตโฉ
- All CSS Selectors Explained + Cheatsheet?
- CSS Units Explained + Cheatsheet
- CSS Variables
- CSS Variables Scope
Let's go!! โฉ
- All CSS Selectors Explained + Cheatsheet?
- 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 basic one's let's get into some advance stuff.
- Attribute selector โฉ
- Attribute selector โฉ
โง Attribute selector is good but we have some more which 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 Final & more advance selector which is called Combinators.
- Descendant Combinator
- Child Combinator
- General sibling Combinator
- Adjacent sibling Combinator
โฉ
- Descendant Combinator
- Child Combinator
- General sibling Combinator
- Adjacent sibling Combinator
โฉ
โง All CSS Selectors Explained + Cheatsheet in one Frame โฉ
๐ 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 length 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 length unit, such as 10px, 2em, etc.
โง All CSS Units Cheatsheet โฉ
๐ What are CSS Variables?
โฌ CSS Varaibles [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 Varaibles [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 Varaibles [custom properties] are entities defined by CSS authors t...](https://pbs.twimg.com/media/FP_X-H3aMAAqDqC.png)
โง Global Scope ๐๐ Local Scope in CSS Varaibles โ
๐ If you like CSS Cheatsheets you can access all of my them in high quality from Github Repository.
If you like it please give it a starโญ. Thanks for the support. ๐
github.com
If you like it please give it a starโญ. Thanks for the support. ๐
github.com
๐ Final Words
โง Though I have covered the CSS Selectors, Units & variables here but still there are much more to explore in this topic.
โง If you really want to deep dive you can explore MDN docs which are really good for CSS & JavaScript!
โง Though I have covered the CSS Selectors, Units & variables here but still there are much more to explore in this topic.
โง If you really want to deep dive you can explore MDN docs which are really good for CSS & JavaScript!
๐ญ Feedbacks
โง After reading through entire thread, have you learnt something worth?
โง What improvements will you suggest?
I will be happy to hear from you. Feedbacks from you would help me sharing better contents in future.
โง After reading through entire thread, have you learnt something worth?
โง What improvements will you suggest?
I will be happy to hear from you. Feedbacks from you would help me sharing better contents in future.
๐ If you are interested in following this series โฉ
โ Follow @Aakash_codes โ
โ To never miss anything, keep your ๐ ON.
โ Share it with your friends if they are interested!
Thanks for the support ๐
Here is the complete infographic for series โฉ
โ Follow @Aakash_codes โ
โ To never miss anything, keep your ๐ ON.
โ Share it with your friends if they are interested!
Thanks for the support ๐
Here is the complete infographic for series โฉ
Loading suggestions...