Nhúng CSS trong HTML 5 - đó là cách nó được thực hiện
Bạn có thể dễ dàng tích hợp CSS trong HTML 5. Bởi vì nếu bạn muốn làm cho các tài liệu HTML và XML của mình hấp dẫn hơn về mặt đồ họa, Cascading Style Sheets (CSS) là một lựa chọn tốt. Ngôn ngữ định dạng cung cấp cho bạn nhiều tùy chọn để cải thiện trực quan trang web của bạn. Về cơ bản có ba cách khác nhau để tích hợp CSS vào HTML 5. Chúng tôi sẽ cho bạn thấy điều này trong mẹo thực tế này.
CSS trong HTML 5: Tùy chọn 1 - Tệp CSS thuê ngoài
Tùy chọn đầu tiên là di chuyển CSS sang một tệp riêng. Điều này mang lại nhiều lợi ích: Các bảng định kiểu không chỉ ảnh hưởng đến một trang mà còn được sử dụng tự động trong mọi trang HTML5. Ưu điểm chính là chính quyền trung ương. Bạn có thể nhanh chóng thực hiện các thay đổi trên tất cả các trang. Cách nhúng tệp CSS trong HTML 5:
- Tạo một tệp CSS mới.
- Trong vùng đầu, hãy tham khảo tệp CSS của bạn. Trong trường hợp này, tệp được đặt tên là style.css - nhưng việc đặt tên dĩ nhiên là riêng lẻ:
- Bạn nên lưu tệp style.css trong thư mục chính của máy chủ web.
- Bạn đã tích hợp thành công tệp CSS của mình vào HTML 5.
CSS ở đầu tệp HTML 5 của bạn
Nếu bạn không muốn tạo tệp CSS thuê ngoài, bạn cũng có thể đặt các thuộc tính CSS trong tiêu đề của tài liệu HTML 5 của mình. Những điều này sau đó chỉ ảnh hưởng đến tệp HTML 5 này, không phải cho tất cả các trang HTML 5.
- Mở tài liệu HTML 5 của bạn
- Chèn lệnh sau vào vùng đầu:
- Bây giờ hãy xác định các thuộc tính mong muốn: Ví dụ, đây có thể là kích thước của các tiêu đề, màu sắc của văn bản, v.v ... Sử dụng các lệnh CSS quen thuộc cho việc này.
- Đóng lệnh sau khi nhập thuộc tính với.
- Các thuộc tính được chỉ định được thông qua cho tài liệu HTML 5 này.
Kiểu nội tuyến CSS: sử dụng các lệnh trực tiếp
Cách cuối cùng để tích hợp CSS trong HTML 5 là kiểu nội tuyến. Điều này có nghĩa là bạn nhập lệnh của bạn trực tiếp vào mã nguồn.
- Đi đến điểm mà bạn muốn thay đổi màn hình đồ họa.
- Nhập các lệnh CSS trực tiếp. Ví dụ, điều này có thể trông như thế này:
Một phân nhóm màu xanh
- Các tài sản chỉ được sử dụng cho lệnh này.