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
    1. In-Line style, using style attribute
       • Not recommended in bigger project, as it will hard to manage code
    2. Style in head section
    3. Using an external style-sheet
  • Setting up CSS Rules
  • Selectors, Properties & Values
  • Resolve conflicting styles
• 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

• section-02-css-selectors.pdf
• section-02-css-inheritance.pdf
• section-02-css-specificity.pdf
• section-02-css-combinators.pdf
• section-02-css-value-types.pdf
• section-02-basics-summary.pdf