Css Editor Configuration Tab has three optins:1.
Disable Custom Style Option :this Option To disable Applied Code in Store So You Can keep the Code in Editor and Prevent it To be Applied to Store By check this option.
2.
Style Loading Type: There is Two css Code Loading Types:1.
Inline Code:Loading the styles inline includes the custom styles within the page itself. Best for when you only have a small number of custom styles, since it doesn't require an extra HTTP request, but does slightly increase the size of the pages being returned to visitors.
2.
File: Loading the styles via a file is how most stylesheets are loaded, but requires the browser to make an extra request to your site to get it. However, this file is cached in the browser, so each visitor will only request this once.
3.
Load asynchronously (files only):This Loading Custom style in way that dosen't block the rest of page to Rendreing.
The Best Way Is Keep the to inline type Because Create file per Store make it very Slow You can use file type in private store that have best performance.
If you Want Css Style be in another place like footer of body use Snipped Code Editor Because you can place the in any where in store.