CSS

CSS

1. Cascading Style Sheets

   • Styles to HTML elements
   • Defined with <style> tag or in CSS file

2. RULESETS

   • body { background-color: gray; font-size: 30px }
     • Add muliple selectors body, p { to style muliple HTML elements the same
   • Selectors + Declarations
   • Media queries = responsive to screen size
     • @media { insert rulesets..

3. SELECTORS

   • body, p, img,
   • Starts of a ruleset (can be a HTML element)

4. DECLARATIONS

   • font-size: 30px;
   • CSS Property: CSS Value;

5. UNITS

   • Absolute + relative lengths
     • Absolute
       • Fixed units, don't change with diff screen sizes
       • cm, mm, px
     • Relative
       • Relative to another property, will change with diff screens
       • %, vw, vh

6. FUNCTIONS

   • rgba(0,0,0,0.4); calc(2em*5em);
   • Name:(Parameters);

7. ANIMATIONS

   • Animation, transition properties
     • Keyframes for complex animations