Linking External CSS Files

External CSS

Link external CSS files with <link rel="stylesheet" href="styles.css"> inside <head>. One file can style the whole site.

External CSS enables browser caching, keeping pages fast on repeat visits.

Example

<head>
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/theme.css">
</head>

HTML

Full Editor

Pro Tip

Place link tags in <head> to prevent a flash of unstyled content (FOUC).