CSS: inline, embedded, external or external parse

2009-10-19T16:21:35Z

I was thinking about server load times and wondering what the most efficient way to add css is. What gets loaded fastest?

For my part, I think the external css is the easiest to maintain as a project scales, but sometimes you need a lot of these stylesheets for large scale websites with a lot of varying sections. What about parsing several css sheets on load?

as for snippets:

inline:

<div style="float: left;" class="left">hi</div>

embedded:

<head>
    .left { float: left }
</head>
<body>
    <div class="left">hi</div>
</body>

external:

 <head>
    <link rel="stylesheet" type="text/css" href="style.css">     
 </head>
 <body>
     <div class="left">hi</div>
 </body>

parsing:

 ????

css-parse Questions - SnippetGood

CSS: inline, embedded, external or external parse