HTMLからスタイルシートを「分離する」とどうなるか？
スタイルが切り離されると、スタイルを変更したい時にHTMLを編集する必要がなく、スタイルを編集することでウェブページの見た目を変えることができます。
例えば、ウェブページは、インターネットに繋いだテレビからも閲覧することができます。テレビで読み込まれる時にPCで見るのとは別のスタイルを適用することで、適切なレイアウトに変更する、ということが可能です。
また、見られているウインドウの大きさに即してCSSを切り替えることができます。この方法を用いて作られているのが「レスポンシブサイト」の特徴です。
HTMLでは適切な文書構造を示し、CSSでレイアウトを決めることで、ひとつのHTML文書が様々なデバイスや状況にマッチしたウェブページに見せることができるのです。