section 1: chapter 7
- Tools needed to learn CSS
- CODE Editor like VS Code
- Browser like Chrome
- Useful Resources & Links
- World Wide Web Consortium (W3C) CSS Working Groups: https://www.w3.org/TR/tr-groups-all#tr_Cascading_Style_Sheets__CSS__Working_Group
- Download Visual Studio Code: https://code.visualstudio.com/
- Download Google Chrome: https://www.google.com/intl/en/chrome/
- In this section, we will learn How to
- Add CSS to HTML
- In-Line style, using style attribute
- Not recommended in bigger project, as it will hard to manage code
- Style in head section
- Using an external style-sheet
- In-Line style, using style attribute
- Setting up CSS Rules
- Selectors, Properties & Values
- Resolve conflicting styles
- Add CSS to HTML
- Different kinds of selectors
- Elements
- Classes
- Universal
- IDs
- Attributes
- CSS Specificity
- Some rules of precedence defined in CSS
- Inheritance
- Add common style in body tag
- Adding Combinators
- (+) Adjacent siblings
- (~) General siblings
- (>) Child
- ( ) Descendant
- Useful Resources & Links
- Complete MDN CSS Reference (don't learn this by heart!): https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
- Do you prefer reading? Find written CSS docs on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS
- Common CSS Properties Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference
- CSS Combinators: https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors
- More details on CSS Specifity: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity