⚡ Day - 01 of 𝟭𝟬 𝗱𝗮𝘆𝘀 𝗼𝗳 𝗖𝗦𝗦 𝗠𝗮𝘀𝘁𝗲𝗿𝘆 ⚡
✧ CSS concepts covered in this thread 🧵⇩
- How CSS Works behind the picture?
- Cascade
- Specificity
- Inheritance
Let's go!! ⇩
- How CSS Works behind the picture?
- Cascade
- Specificity
- Inheritance
Let's go!! ⇩
✩ Before we get deep dive into CSS here are the three pillar for writing good HTML & CSS you should know ⇩
📌 Let's see how CSS Works behind the scenes! ⇩
📌 Anatomy of CSS Declaration ⇩
📌 The Cascade (The "C" in CSS) ⇩
⬘ CSS stands for Cascading Stylesheets. The cascade is the algorithm for solving conflicts where multiple CSS rules apply to an HTML element.
⬘ CSS stands for Cascading Stylesheets. The cascade is the algorithm for solving conflicts where multiple CSS rules apply to an HTML element.
✩ How Cascade plays big role in resolving CSS Conflicts ⚔️ ⇩
✩ Example of Importance {!important keyword} ⇩
📌 Specificity with example ⇩
⬘ Specificity is the means by which browsers decide which CSS property values are the most relevant to an element. therefore, will be applied.
⬙ Specificity is based on the matching rules which are composed of different sorts of CSS selectors.
⬘ Specificity is the means by which browsers decide which CSS property values are the most relevant to an element. therefore, will be applied.
⬙ Specificity is based on the matching rules which are composed of different sorts of CSS selectors.
📌 Inheritance in CSS ⇩
⬘ In CSS, inheritance controls what happens when no value is specified for a property on an element.
⬙ CSS properties can be categorized in two types:
- Inherited properties
- Non-Inherited properites
⬘ In CSS, inheritance controls what happens when no value is specified for a property on an element.
⬙ CSS properties can be categorized in two types:
- Inherited properties
- Non-Inherited properites
✩ CSS Inheritance Example ⇩
✩ Which CSS Properties are inherited? ⇩
🏁 Final Words
✧ Though I have covered the basics 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 basics 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...