Có bốn trường hợp cơ bản:
- style = thuộc tính. Đây là mã duy trì ít nhất nhưng dễ nhất. Cá nhân tôi xem xét việc sử dụng style = là một lỗi.
- < phần tử > phần tử ở đầu trang. Điều này là tốt hơn một chút so với style = vì nó giữ đánh dấu sạch sẽ, tuy nhiên nó lãng phí băng thông và làm cho nó khó khăn hơn để thực hiện thay đổi CSS, bởi vì bạn không thể nhìn vào bảng định kiểu và biết quy tắc tồn tại.
- css của trang-specifc: Điều này cho phép bạn có tệp CSS chính rõ ràng về HTML và. Tuy nhiên, điều đó có nghĩa là khách hàng của bạn phải tải xuống rất nhiều tệp CSS nhỏ, làm tăng độ trễ băng thông và thời gian tải trang. Đó là, tuy nhiên, rất dễ dàng để duy trì.
- một CSS lớn trên toàn trang web: Lợi thế chính của một tệp lớn là chỉ có một thứ để tải xuống. Điều này hiệu quả hơn nhiều về băng thông và độ trễ.
Nếu bạn có bất kỳ lập trình server-side xảy ra, bạn có thể có thể chỉ cần tự động kết hợp nhiều sheet từ # 3 để có được những ảnh hưởng của # 4.
Tôi muốn giới thiệu một tệp lớn, cho dù bạn thực sự duy trì tệp đó dưới dạng một tệp hay tạo tệp thông qua quá trình xây dựng hoặc động trên máy chủ. Bạn có thể chỉ định bộ chọn của mình bằng cách sử dụng các ID trang cụ thể (luôn bao gồm một ID, chỉ trong trường hợp).
Đối với số answer that was accepted when I wrote this, Tôi không đồng ý với việc tìm kiếm "kết hợp các lớp cung cấp cho bạn kết quả bạn muốn". Điều này nghe với tôi như các lớp học đang xác định một phong cách trực quan thay vì một khái niệm logic. Các lớp của bạn phải giống như "titlebox" chứ không phải là "red". Sau đó, nếu bạn cần thay đổi màu sắc văn bản trên trang thông tin người dùng, bạn có thể nói
#userInfoPage .titlebox h1 { color : red; }
Đừng bắt đầu áp dụng các lớp học ở khắp mọi nơi vì một lớp học hiện nay đã có một diện mạo nào đó mà bạn muốn. Bạn nên đặt các khái niệm cấp cao vào trang của mình, được biểu diễn bằng HTML với các lớp và sau đó tạo kiểu cho các khái niệm đó chứ không phải theo cách khác.
Nguồn
2009-04-21 17:58:00
Tôi ước gì tôi có thể đưa ra câu trả lời cho tất cả, nhưng bạn là câu trả lời dài nhất, vì vậy bạn có được nó. Tôi đã kết thúc một lớp học có thể đủ chung chung để đi vào tệp css chính mà không làm lộn xộn mọi thứ. Cảm ơn bạn đã cân nhắc về bộ nhớ đệm và kích thước trang, tôi cũng đã quên xem xét điều đó. – Chris
Câu trả lời hay. Điều này tốt hơn rõ ràng các điểm trong bài viết của tôi. Làm tốt. –