Thuộc tính style trong css
Nếu bạn bắt đầu xây dựng trang web, kể cả khi bạn sử dụng một môi trường hoàn hảo để làm trang web WordPress (nền tảng dễ sử dụng nhất cho người mới). You can also know how more style CSS Show Bài hướng dẫn này sẽ đi qua cả 3 cách thêm style CSS vào website, ưu điểm và nhược điểm của mình
Phần 1 – CSS nội bộInternal CSS code được đặt trong mục của một trang nhất định. Classes và IDs có thể được chỉ định tới CSS, nhưng nó chỉ hoạt động trên trang có định đó. Classes và IDs có thể được dùng để dẫn tới code CSS, nhưng chỉ hoạt động trên trang đó. Style CSS được nhúng bằng cách này sẽ cần phải được tải về mỗi khi trang được load, vì vậy có thể dẫn đến mất nhiều thời gian để duyệt website. Tuy nhiên, trong một số trường hợp internal stylessheet rất hữu dụng. Một ví dụ là bạn muốn gửi một trang mẫu – vì tất cả đều chỉ nằm trong một trang – xem preview sẽ dễ hơn nhiều. Internal CSS được đặt trong thẻ . Một ví dụ của internal stylesheet:Lợi ích của CSS nội bộ
Bất lợi của CSS nội bộ
Làm thế nào để thêm CSS nội bộ vào trang HTML
3. Bây giờ chuyển sang dòng mới và thêm vào các quy tắc CSS, ví dụ body { background-color: blue; } h1 { color: red; padding: 60px; } 4. Khi đã thêm quy tắc CSS, hãy đóng thẻ bằng Vì vậy, tệp HTML với biểu định kiểu nội bộ sẽ có định dạng
Lựa chọn 2 – CSS bên ngoàiCó lẽ là cách dễ nhất để thêm Style CSS vào website của bạn là liên kết với một file .css ở bên ngoài. Bằng cách này bất kỳ thay đổi nào bạn thực hiện trên CSS sẽ thay đổi trên toàn website. Một cách để làm là đặt link CSS trong mục của trang:Trong đó phong cách. css chứa tất cả các quy tắc kiểu. Ví dụ .xleftcol { float: left; width: 33%; background:#809900; } .xmiddlecol { float: left; width: 34%; background:#eff2df; } Thuận lợi của CSS bên ngoài
Bất lợi của CSS bên ngoài
Lựa chọn 3 – Inline CSSInline CSS được sử dụng cho một thẻ HTML xác định. |