Định nghĩa CSS bên ngoài và Cách liên kết với một
Khi một trình duyệt web tải lên một trang web, cách nó xuất hiện được xác định bởi thông tin từ một bảng định kiểu xếp tầng. Có ba cách để tệp HTML sử dụng một biểu định kiểu: bên ngoài, bên trong và trong dòng.
Các bảng định kiểu nội bộ và nội dòng được lưu trữ trong chính tệp HTML. Chúng dễ dàng làm việc trong thời điểm này nhưng vì chúng không được lưu trữ ở vị trí trung tâm nên không thể dễ dàng thay đổi kiểu dáng trên toàn bộ trang web cùng một lúc; thay vào đó, bạn phải quay lại từng mục nhập và thay đổi nó theo cách thủ công.
Tuy nhiên, với một biểu định kiểu bên ngoài, hướng dẫn hiển thị trang được lưu trữ trong một tệp duy nhất, điều này giúp dễ dàng chỉnh sửa kiểu dáng trên toàn bộ trang web hoặc nhiều yếu tố. Tệp sử dụng phần mở rộng tệp .CSS và liên kết đến vị trí của tệp đó được bao gồm trong tài liệu HTML để trình duyệt web biết nơi cần tìm hướng dẫn tạo kiểu.
Một hoặc nhiều tài liệu có thể liên kết đến cùng một tệp CSS và một trang web có thể có nhiều tệp CSS duy nhất để tạo kiểu cho các trang, bảng, hình ảnh khác nhau, v.v.
Cách liên kết đến một trang kiểu ngoài
Mỗi trang web muốn sử dụng một biểu định kiểu bên ngoài cụ thể cần phải liên kết đến tệp CSS từ bên trong phần , giống như sau:
Trong ví dụ này, thứ duy nhất cần thay đổi để làm cho nó áp dụng cho tài liệu của riêng bạn, là văn bản styles.css . Đây là vị trí của tệp CSS của bạn.
Nếu tệp thực sự được gọi là styles.css và nằm trong cùng thư mục chính xác với tài liệu liên kết với nó, thì nó có thể vẫn chính xác như nó đọc ở trên. Tuy nhiên, rất có thể là tệp CSS của bạn có tiêu đề cái gì đó khác, trong trường hợp đó bạn chỉ có thể thay đổi tên từ "kiểu" thành bất kỳ tên nào của bạn.
Nếu tệp CSS không phải là thư mục gốc của thư mục này mà thay vào đó trong một thư mục con, nó có thể đọc một cái gì đó như thế này thay vào đó:
Thông tin thêm về tệp CSS bên ngoài
Lợi ích lớn nhất của các tờ định kiểu bên ngoài là chúng không được gắn với bất kỳ trang cụ thể nào. Nếu kiểu dáng được thực hiện trong nội bộ hoặc trên mạng, các trang khác trên trang web không thể trỏ đến các tùy chọn tạo kiểu đó.
Tuy nhiên, với kiểu dáng bên ngoài, cùng một tệp CSS có thể được sử dụng cho mọi trang đơn trên trang web để tất cả chúng đều có giao diện đồng nhất và chỉnh sửa nội dung CSS của toàn bộ trang web cực kỳ dễ dàng và tập trung.
Bạn có thể xem cách hoạt động bên dưới ...
Kiểu dáng nội bộ yêu cầu sử dụng thẻ