CSS ảnh hưởng đến tài liệu hiện tại
Bảng kiểu nội bộ là gì
Bảng kiểu nội bộ là các kiểu được đặt trong tài liệu HTML . Những kiểu này chỉ ảnh hưởng đến tài liệu mà chúng có trong và không thể được tham chiếu bởi bất kỳ tài liệu Web nào khác.
Ưu điểm của Bảng định kiểu nội bộ
- Bảng định kiểu nội bộ chỉ ảnh hưởng đến trang mà chúng đang ở trên đó.
- Nếu bạn đang làm việc trên một trang web lớn và cần phải thử nghiệm các kiểu trước khi bạn tải chúng trên trang web nói chung, các trang tính kiểu nội bộ có thể là một công cụ tuyệt vời. Chúng cho phép bạn kiểm tra các kiểu trong ngữ cảnh của toàn bộ trang web mà không vi phạm bất kỳ trang nào nhưng là trang bạn đang thử nghiệm.
- Các bảng định kiểu nội bộ có thể sử dụng các lớp và ID.
- Không giống như kiểu nội tuyến, các bảng định kiểu nội bộ vẫn có thể tận dụng các lớp, ID, anh chị em và các mối quan hệ phần tử khác.
- Bảng kiểu nội bộ không yêu cầu bạn tải lên nhiều tệp.
- Điều này đặc biệt hữu ích khi bạn làm việc với những thứ như email hoặc ki-ốt nơi bạn chỉ có một tệp HTML có sẵn để chỉnh sửa. Tôi thường sử dụng kiểu nội tuyến khi tôi không chắc URL sẽ là biểu định kiểu được tải vào CMS - việc giữ kiểu với tài liệu có nghĩa là tôi biết kiểu nào ảnh hưởng đến tài liệu đó.
- Kiểu nội bộ có thể có mức ưu tiên cao hơn so với các mẫu kiểu bên ngoài.
- Điều này được xác định theo thứ tự các bảng định kiểu bên ngoài được tải. Nhà phát triển web của trang có quyền kiểm soát nơi các kiểu nội bộ sẽ được đặt trong phần đầu của tài liệu. Nếu chúng được đặt sau liên kết với kiểu bên ngoài , chúng sẽ có mức ưu tiên cao hơn trong dòng thác và vượt quá kiểu trang ngoài.
Nhược điểm của Bảng kiểu nội bộ
- Chúng chỉ ảnh hưởng đến trang họ đang truy cập.
- Nếu bạn muốn sử dụng cùng một kiểu trong một số tài liệu, bạn cần phải lặp lại chúng cho mỗi trang (hoặc liên kết đến một trang kiểu bên ngoài ).
- Các bảng định kiểu nội bộ tăng thời gian tải trang.
- Mỗi trang có bảng định kiểu nội bộ phải tải và phân tích thông tin trang tính mỗi khi trang được tải. Các bảng định kiểu bên ngoài được các trình duyệt lưu vào bộ nhớ cache - giúp cải thiện thời gian tải cho mỗi trang sau khi trang đầu tiên được tải.
Làm thế nào để viết một bảng phong cách nội bộ
thành phần:
- Mở một tài liệu HTML trong trình soạn thảo Web của bạn.
- Thêm nội dung bên dưới
Một bảng phong cách nội bộ hoàn chỉnh sẽ trông như thế này: