Home/ Questions/Q 996327
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T06:51:38+00:00

i came across two type of using external style sheet in one way <link

  • 0

i came across two type of using external style sheet in one way

<link href="CSS/div1.css" rel="stylesheet" type="text/css" />
<link href="CSS/div2.css" rel="stylesheet" type="text/css" />
<link href="CSS/div3.css" rel="stylesheet" type="text/css" />

importing all the style sheet like this
and the other one is using one stylesheet and importing other stylesheet within it

<link href="CSS/div1.css" rel="stylesheet" type="text/css" /> and inside this
@import url('../CSS/div2.css');
@import url('../CSS/div3.css');
.crazy
{
 display:block;
 background-color:Black;
 color:White;
}

i read somewhere that the second approach is better so i built a demo and checked that one in firebug in the first case it is taking 16ms and also downloaded less byte of data but in the second approach it takes 109ms and downloaded more bytes of data so iam confused which approach is better.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    the first one is the suggested one because it’s fasters for the browser to render them More on Steve’s site

    • 0