Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What We Talk About When We Talk About CSS

What We Talk About When We Talk About CSS

An Introduction to CSS for a PyLadies workshop in Vienna, Austria.



July 20, 2013

More Decks by alicetragedy

Other Decks in Design


  1. a not-so-thorough lightning talk by Laura Gaetano When we talk

    about CSS What we talk about
  2. and I'm a visual artist gone geek. Hello, my name

    is Laura
  3. (I also email developers when I find typos in their

    apps.) I like impressive, clear, exciting, functional and beautiful design.
  4. (what's that?) Some years ago, I fell in love with

  5. and that's a good thing. Cascading Style Sheets help you

    style and strategically divide your page
  6. The Basics: Think of it like a recipe

  7. - you have a lot of ingredients available to choose

    from - and: some ingredients reaaaaaally don't like each other! - the order in which you use them matters! (most of the time)
  8. Onto the hard stuff: What does CSS look like? It

    has a lovely, easy to learn syntax: lots of curly braces and semi-colons!
  9. body { font-family: Helvetica; font-color: purple; } selector / property

    / value
  10. To insert CSS into your HTML code, you can either

    use <style> tags in your <head></head>... (but that's not so cool) or use an external stylesheet which means you can keep all your styling in one place!
  11. External Stylesheet = Awesome <link href="your_css_filename.css" rel="stylesheet" type="text/css" />

  12. If you want to play around with CSS you can

    check out the Twitter bootstrap http://twitter.github.io/bootstrap/
  13. If you want to stalk me, you can find me

    here: twitter: @alicetragedy web: www.alicetragedy.org github: github.com/alicetragedy instagram: okay, you get the point
  14. (sponsored by placekitten.com) And here's a kitten picture for you!