CSS ngoài, link và import

```css /* Mẫu dùng chung cho hai trang nhóm */ h1, h2 { color: navy; border: 2px solid teal; } p { color: maroon; text-indent: 12px; } ``` Lưu thành styles.css. Tệp này chứa quy tắc CSS, không bọc trong cặp thẻ style hoặc cấu trúc html/head/body. Phần giữa `/*` và `*/` là chú thích CSS. Hai trang doc_sach.html và ve_tranh.html dùng chung tệp này. Cùng một bộ chọn có thể khớp nhiều phần tử ở mỗi trang; không phải CSS tự gộp nội dung hai trang.

```html <style> @import "styles.css"; </style> ``` Mẫu css_import.html dùng @import trong style ở head. Với dạng đơn giản này, đặt @import trước các quy tắc định dạng khác; viết sau các quy tắc có thể làm lệnh nhập bị bỏ qua. Trong mỗi mẫu chỉ dùng một cách liên kết để quan sát. Có cả link và @import cùng nhập một tệp là không cần thiết cho bài thực hành này.

Khi cả hai trang tải cùng styles.css, sửa quy tắc màu chữ p trong tệp ấy rồi lưu và tải lại từng trang sẽ cập nhật các p phù hợp ở cả hai, nếu không có định dạng khác thay đổi kết quả. Đổi nội dung của một p trong doc_sach.html vẫn chỉ đổi nội dung trang đó. CSS dùng chung định dạng, không tự đồng bộ lời văn giữa các tệp HTML.