The document discusses CSS (Cascading Style Sheets) concepts including how CSS code selects and styles elements on a page using properties and values. It covers CSS units like ems and how to import web fonts. It also defines margin as space between elements and padding as space between an element and its container. Finally, it provides links for enqueueing styles in WordPress functions.php, a CSS plugin for WordPress, and a resource on CSS best practices.

1. Presented by Amelia Briscoe
@amelia_briscoe

2. Amelia Briscoe -
@amelia_briscoe
#wpmelb
CSS code is where you
‘select’ an element on a
page and ‘declare’ what
you want to do with it.
The declaration you make
will consist of a ‘property’
and a ‘value’.

3. Presented by Amelia Briscoe
@amelia_briscoe

4. Amelia Briscoe -
@amelia_briscoe
#wpmelb

5. Amelia Briscoe -
@amelia_briscoe
#wpmelb
1em is relative to the default browser font size, usually 16px.
1em = 16px
2em = 32px

6. Amelia Briscoe -
@amelia_briscoe
#wpmelb
If the font has more than one version, you can use the number values.
Otherwise it will choose the closest keyword.

7. Amelia Briscoe -
@amelia_briscoe
#wpmelb
Three Ways:
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
@import url(http://fonts.googleapis.com/css?family=Oswald);
WordPress Enqueue: https://codex.wordpress.org/Function_Reference/wp_enqueue_style

8. Amelia Briscoe -
@amelia_briscoe
#wpmelb

9. Amelia Briscoe -
@amelia_briscoe
#wpmelb

10. Presented by Amelia Briscoe
@amelia_briscoe

11. Amelia Briscoe -
@amelia_briscoe
#wpmelb

12. Amelia Briscoe -
@amelia_briscoe
#wpmelb

13. Presented by Amelia Briscoe
@amelia_briscoe

14. Amelia Briscoe -
@amelia_briscoe
#wpmelb

15. Amelia Briscoe -
@amelia_briscoe
#wpmelb

16. Amelia Briscoe -
@amelia_briscoe
#wpmelb

17. Presented by Amelia Briscoe
@amelia_briscoe

18. Amelia Briscoe -
@amelia_briscoe
#wpmelb

19. Presented by Amelia Briscoe
@amelia_briscoe

20. Amelia Briscoe -
@amelia_briscoe
#wpmelb
Margin is the space between elements on a page

21. Amelia Briscoe -
@amelia_briscoe
#wpmelb
Padding is the space between the element and it’s container

22. Presented by Amelia Briscoe
@amelia_briscoe

23. Amelia Briscoe -
@amelia_briscoe
#wpmelb

24. Amelia Briscoe -
@amelia_briscoe
#wpmelb
WordPress Enqueue Styles in the functions.php file:
https://codex.wordpress.org/Function_Reference/wp_enqu
eue_style
WordPress CSS Plugin:
https://wordpress.org/plugins/simple-custom-css
CSS Best Practices:
http://codeguide.co/#css

25. Amelia Briscoe -
@amelia_briscoe
http://ameliabriscoe.com #wpmelb