CSS خارجی (External Css)

با این روش ، کلیه قوانین یک استایل شیت در یک فایل متنی واحد قرار میگیرید که با پسوند css. ذخیره می شود.

این فایل CSS سپس با استفاده از برچسب <link> در HTML ارجاع می شود. عنصر <link> داخل قسمت head می رود.

به عنوان مثال:
HTML:

<head>
   <link rel="stylesheet" href="example.css">
</head>
<body>
   <p>This is my first paragraph.</p>
   <p>This is my second paragraph. </p>
   <p>This is my third paragraph. </p>
</body>

CSS:

p {
   color:white;
   background-color:gray;
}