We have some kludgy workarounds for an internal app and I was wondering which jQuery/css technique is considered faster / more efficient ...etc.

**Technique A** using .css

```
$( "#doc" ).css( "margin-top", "90px" );
$( "#checkouthelp" ).css( "margin", "50px 50px 0 0" );

$( "#changelanguage" ).css( "float", "right" )
                      .css( "margin", "0 50px 0 0" );

```

**Technique B** .append to head

```
$("<style>")
    .prop("type", "text/css")
    .html("\
    #doc {\
        margin-top:90px;\
    }\
    #checkouthelp {\
        margin:50px 50px 0 0;\
    }\
    #changelanguage {\
        float:right;\
        margin:0 50px 0 0;\
    }")
  .appendTo("head");

```

This is one of those projects that started out small and relatively innocuous, but has developed into a fairly bloaty workaround. **Is it faster to link to an off-site css file or directly change the css rules as I'm doing here.** Speed is the critical issue and the above sample is but a small slice of the growing kludge. [ Thankfully, the root cause is being assessed ...but in the meantime ].

Thank you!

**UPDATE**

Though I haven't done thorough testing, in the few speed tests I've done use Chrome's developer tools, looks like loading rules from an external stylesheet is slower. Will do more testing, but I think I'm probably stuck using `.css`. Thanks for the responses to this post!