A Web Design Community curated by Chris Coyier

CSS is like…

By: Chris Coyier on 4/10/2009

I mused on Twitter recently:

CSS is like chess. You can learn the basics in a day and spend a lifetime mastering it.

I quickly thought it would be fun to collect other people’s ideas on what CSS is like. Here is what you said:

@BenTortora:

CSS is like a girlfriend. No matter how hard you try, she will always interpret it a different way.

@colinismyname:

CSS is like marching orders for pixels.

@peterwilsoncc:

CSS is like religion; People quickly become fundamentalists.

@lise_latorre:

CSS is like doing puzzles all day and getting paid for it.

@BreRoz:

CSS is like a pencil to paper; I get any result I want!

@frankstallone:

CSS is like a river, it is always flowing and you have to go with the current not against it.

@rayFinkle:

CSS is like clothes for your HTML.

@bdsexton:

CSS is like an STD; it’s unpleasant and you’re stuck with it.

@joemsak:

CSS is like giving your girlfriend sexy lingerie. She’s already formed well, but you like when she dresses up.

@propstm:

CSS is like pants. You don’t have to use it. But you look silly without it.

@jarret23:

CSS is like a box of chocolates you never know what your gonna get.

@iEthan:

CSS is like an old man that doesn’t know what he’s doing or where he is.

Bobby Phillipps:

CSS is like a Rubik’s cube. Sometimes you’ll line one part up, but that completely screws up something else you had lined up.

Fede Isas:

CSS is like an old Beatles’s song. Simple, but still beautiful.

Mike Rogers:

CSS is like an old man’s wiener, some times it just doesn’t work the way it’s suppose to.

 

Of course, feel free to leave your own in the comments!

97 Responses

  1. Pauli says:

    CSS is like a bitch, enough money and everything is possible.

  2. choen says:

    CSS make me addicted

  3. Tim Wright says:

    Damn, what’s with lack of CSS love?

    CSS is like that girlfriend you had who was WAY out of your league. You know she’s too hot for you and it’ll eventually end, but you’re enjoying it while it lasts.

    so sayeth karma ;)

  4. Lars says:

    CSS is like having bi-polar disorder. You feel on top of the world until you check your design in IE…

  5. Murray says:

    CSS is the Lando Calrissian to my Han Solo

  6. Ronny says:

    CSS is like a cupboard. Do not put plates in it! If its not to big, a couple of spoons on top would not disturb to save time. Below would even be better but than you need to bend over.

  7. @BenTortora – I having been laughing for a minute straight! Nice one

  8. 'Mas says:

    CSS is like a sculptor’s tools to be used on the clay that is markup.

  9. Mitch says:

    Css does for HTML what botox did for Demi Moore

  10. rzea says:

    On the contrary, I don’t agree with BenTortora.

    CSS does not interpret a different way what you do… is Internet Explorer!

    Let’s not get confused ;)

    Here’s my take:

    For those Quake 3 lovers out there: CSS is like strafe jumping, hard to master and hard to understand how it works, but once you know how to use it, you can do things you thought impossible before.

  11. Jason says:

    CSS is like, so totally awesome! :)

  12. Brendan says:

    My pal Jesse made quite a funny one.

    http://twitter.com/jhixson/statuses/1471523444

  13. bekircem says:

    CSS is like nothing things :)

  14. Snookerman says:

    Here’s another one I stumbled upon:

    http://twitter.com/ockhamdesign/status/1491895998

  15. CSS is like sex. Sometimes it’s euphoric, and sometimes the positioning is awkward.

  16. T-Law says:

    “CSS for me it’s not a Counter Strike Source” – T-Law (http://twitter.com/iniwoonet)

  17. Tim C. says:

    1.#CSS is .like { fun: 60%; creativity: 80%; pain:15%; }

    2.* html #CSS is .like { fun: 0%; creativity: 0%; pain:100%; }

  18. Matt says:

    That first one is hilarious!

  19. mike says:

    @mikecasey – CSS is like death metal, impossible to understand but for some reason alot of people seem to like it.

  20. geekyjohn says:

    The “CSS is like a box of chocolates you never know what your gonna get.” reply was from @geekyjohn

  21. CSS is like music, the more you get involved the more you appreciate its beauty.

  22. CSS is like dieting; you don’t always slim down your code as much as you want, and bloating occurs without warning.

  23. Jarod says:

    CSS is like a boner; if you put it in somewhere it doesn’t belong, it might not work anymore. :(

  24. ali says:

    css is like CSS! :)

  25. CSS = Cascading Style Sucks!

  26. Jitendra Vyas says:

    CSS is a Fashion Designer of HTML

  27. David says:

    CSS is like a fine woman… it has class, style, and all the right attributes!

  28. Seb says:

    CSS is like the replies above… some are stupid, some are smart.

  29. Tim says:

    CSS is the cure for OCD

  30. James McWhorter says:

    CSS will transform you; no matter what your case is!

  31. STRAIGHTALK says:

    CSS Is like Our life, Once You start off on the Journey ain’t NO Way back!

    Norman Flecha
    http://www.151years.com

  32. Jordan says:

    CSS is like a god among tables.

  33. Ben Stock says:

    CSS is that person that always tries to make the rules, that in the end, nobody ends up following.

  34. Pepijn says:

    CSS is a rapstar, all bling bling

  35. Reshmi says:

    CSS make life

    bloom

    into a colorful rainbow

  36. basicsharp says:

    CSS is like a mask for the ugly plain HTML pages.

  37. css is like an ex-girlfriend (or boyfriend), no matter how how much you love her, there will always be another man she needs to satisfy.

  38. RossE says:

    CSS is like sex. You’ve just gotta keep bangin’ away until you nail it

  39. Carlos says:

    CSS is like clothes for your <body> ;)

  40. evixketh says:

    Hey, alright. My Rubik’s Cube comment made it. :D

  41. Stéphane says:

    CSS is like a boat, it floats.

  42. Farid Hadi says:

    Haha :)
    This was a great idea for a post Chris.
    Some of these are really funny. :)

  43. Steve Chen says:

    Too funny. These crack me up. :D

  44. DouglasT says:

    Those are hilarious, and disturbingly, most are true.

  45. Sketchy says:

    CSS is like jerking off..you can imagine all you want, but when you’re done it still sucks..

  46. Ben G says:

    CSS is like being a magician, always trying to learn that new, sweet trick.

  47. Kevin says:

    CSS is like a koala bear crapping a rainbow in your brain.

  48. Steve D says:

    CSS3 is CSS 2.1s techno-geeks cousin, he’s got all the cool toys but he won’t let you play with them!

  49. Pradeep CD says:

    CSS is like culture of HTML, can’t live without it…

  50. Ryan Doss says:

    This was fantastic, lol… good piece : )

  51. Dave says:

    CSS is like a pleasant dream, until IE6/7 turns it into a never-ending nightmare

  52. Sprecher says:

    That’s so great! I love the “girlfriend” one (although I would never have the guts to laugh about it in front of my girlfriend …)

    Cheers for the collection!

  53. cssfreak says:

    CSS is like paint-job for webpages

  54. Gregory Hernandez says:

    All perceived creations are but reflections of the original big bang! And, it took God just 2 days to do these.

    He spent the next 5 days coming up with the CSS to make things appear beautiful and different at once.

  55. J. McNair says:

    CSS is like a physical therapist; there’s a lot of pain, but things are always better in the long run.

  56. CSS is like math. There are many routes to a solution, yet screwing one value up can break a lot of things. You really have to test, break, and make layouts in order to master CSS.

    As with math, if you can create a problem you surely can solve it. Because you have an understanding of the set of underlying principles contained within.

  57. Hey my weiner one made it!

  58. Fernan says:

    CSS is like an illness, better to find the cause of the problem than to fix the symptom.

  59. Raji says:

    CSS is like a RELATIONSHIP, no matter how well you treat your partner, the in-laws will not approve you.

    In-laws: Mother-In-Law=IE (hardly works), Rest of the-in-laws=FF, Safari etc (works sometimes).z

  60. Pedro Sousa says:

    CSS is like God, they say He’s all-mighty, but the world remains full of misery

  61. ganeshseg says:

    CSS is like an blood of HTML, Can’t live without it.

  62. Steve says:

    CSS is awesome. Until you try and put it in IE. But that is because IE really …..

  63. A. Ford says:

    CSS is like the software industry: it was pretty cool until Microsoft got involved.

  64. Aryan says:

    CSS is like a pregnant woman taken inside delivery room, we don’t actually know what the result we are going to get…………..

  65. dave says:

    CSS is hell to me: spent countless weeks trying to understand it and somehow I’m still not getting it! WHY OH WHYYY!!! =( WHYYYYYYYY!

  66. Fabio says:

    CSS is like traffic. One single wrong turn, and you may not get home tonight.

  67. Jermaine says:

    css is like a jungle if you have the map you find the treasure, if you don’t you get lost easily.

  68. evilpaul says:

    CSS is like a boat I’m not on.

  69. CssLuver says:

    css is like a piece of shit because it is shit

  70. Bookworm says:

    CSS is like analogies

    Annoying when used too much and increasingly addictive when used too little.
    Complexity hidden in a catchy phrase. ahh Cascading Stylesheets must be simple.
    Not everyone understands it equally well, or interprets it the same. Example: IE is like that loud mouth guy in the front of the literature class that thinks the work is wrong (if it’s translated he’ll claim the true meaning got “Lost in Translation”) if his interpretation proves wrong.
    Doesn’t work well when put inline. Analogies in the work itself just make the work more confusing, but as a entirely separate interpretative helper it improves understanding and makes the work clearer.

    To analogize what I just said, CSS is like analogies. Some people just shouldn’t use them, some shouldn’t read them, and some people shouldn’t interpret them.

This comment thread is closed. If you have important information to share, you can always contact me.

* This website may or may not contain any actual CSS or Tricks.