Mục lục:
Video: Các cách viết CSS trong trang web 2025
Một phần của Thiết kế Web All-In-One For Dummies Cheat Sheet
Bạn có thể sử dụng Cascading Style Sheets) trong các trang web của bạn theo ba cách: bên ngoài, bên trong và nội tuyến. Những gì bạn sử dụng phụ thuộc vào cách bạn muốn thiết kế của bạn để làm việc.
Bên ngoài CSS
Bên ngoài là cách ưa thích sử dụng CSS. Lý tưởng là bạn đặt tất cả các kiểu CSS của bạn vào một tệp tin CSS bên ngoài, và sau đó thêm một liên kết vào nó trong tất cả các trang của trang web của bạn. Đây là cách hiệu quả nhất để làm việc, vì tất cả các trang sẽ dựa vào một tệp CSS duy nhất, làm cho công việc của bạn dễ dàng hơn khi chỉnh sửa các phong cách của bạn trên toàn bộ trang web.
Một liên kết tới tệp CSS ngoài được thêm vào mã trên mỗi trang trước thẻ đóng:
Để nhập một trang tính ngoài thay vì liên kết đến một, chèn kiểu và các thẻ nhận xét trước thẻ đóng:
@import url ("stylesheet. Css"); ->
Nội bộ CSS
Nội bộ là tốt cho việc sử dụng một trang và trong quá trình phát triển, nhưng không cho các trang web đã hoàn thành. Đôi khi các nhà thiết kế bao gồm nội bộ CSS trên một trang duy nhất để ghi đè bất kỳ liên kết nào tới tệp CSS bên ngoài. Để thêm nội bộ CSS vào một trang duy nhất, đặt các kiểu CSS của bạn giữa một cặp thẻ trước thẻ đóng trên trang của bạn:
body {background-image: url ("images / pattern.gif");} p (font-family: verdana, arial, sans-serif;)
Inline CSS
Thỉnh thoảng, bạn có thể cần phải ghi đè các kiểu CSS bên ngoài và bên trong bằng cách sử dụng CSS nội tuyến. Inline không được khuyên trừ khi đó là cách tốt nhất hoặc duy nhất để áp dụng một kiểu cho một đối tượng hoặc một phần tử trong HTML. Để thêm CSS nội tuyến với mã của bạn, hãy thêm định nghĩa kiểu vào thẻ HTML mở của bạn:
Hệ Mặt trời
