You can ensure that an HTML element isn't displayed until its CSS is loaded with this simple technique:
// CSS#my-div { display:block !important; }// HTML<div id = "my-div" style = "display:none;"><p>This will be display:none until the CSS is applied!</p></div>Because the div tag has display:none as an inline style, it will not be displayed until after the CSS is applied. When the display:block !important rule is applied, the div's inline style will be overridden and the div will appear fully styled.