2009-02-26 27 views
14

Vâng câu hỏi này được đưa ra sau this oneLàm thế nào là xấu để đặt một CSS bao gồm ở giữa cơ thể?

Những lý do được khá nhiều việc cùng, để giữ những thứ sạch hơn, làm thế nào xấu là nó để gọi (là bảo css không va chạm với các thẻ ghi đè)

Để đặt < liên kết rel = "stylesheet" type = "text/css" href = "mycss.css"> ở giữa phần thân? (nếu nó hoạt động)

Vì vậy, trong một số trường hợp, tôi có thể có css cụ thể cho một mô-đun cụ thể bao gồm.

+0

Nó thực sự không rõ ràng hơn. CSS được trình bày và tách biệt khỏi nội dung của bạn. Tôi cảm thấy nỗi đau của bạn, nhưng một khi bạn quen với nó, thẻ HEAD sẽ cảm thấy tốt hơn. – MrChrister

Trả lời

16

<link> chỉ được phép trong phần <head> của một tài liệu: Document relationships: the LINK element

+3

Tuy nhiên, hầu hết các trình duyệt sẽ cho phép bạn đặt nó ở giữa cơ thể và xử lý nó tốt. – jahu

+2

Điều này không trả lời câu hỏi ở tất cả –

1

Stylesheets nên được bao gồm trong thẻ đầu. Khác bạn có thể nhận được kết xuất lạ 'flicks', tùy thuộc vào trình duyệt. Nếu bạn thực sự muốn sử dụng mỗi bản định kiểu css mô-đun, bạn nên cung cấp móc cho thẻ đầu của mẫu của bạn.

6

Thành thật mà nói, nếu bạn chỉ làm một lần hoặc một vài lần trong một dự án lớn, và bố cục kém đó sẽ tiết kiệm cho bạn những ngày giải mã một giải pháp mới ... hãy thực hiện nó. Bạn nói đúng, nó hoạt động.

Bạn sẽ nhận được câu trả lời là không hợp lệ vì nó không hợp lệ, vì điều đó không đúng và nếu bạn làm quá nhiều lần, tôi đồng ý bạn nên xem xét lại và khắc phục vấn đề thực sự. Nhưng một khi? Tôi nói đi trước; web vẫn là một nơi khá hoàn hảo.

Chỉ cần không áp dụng để làm việc với tôi, chúng tôi không đưa lên đó crap ở đây.

CHỈNH SỬA: Chỉ cần nhìn vào câu hỏi khác của bạn và trang web bạn đang nói đến. Nếu điều này liên quan đến dự án cuối tuần của bạn, hãy thực hiện đúng cách. Phát triển những thói quen tốt sớm và thường xuyên.

+0

yeah nó có liên quan đến dự án cuối tuần của tôi, vui vẻ với nó. Phần không trực tuyến cao hơn nhiều so với những gì ở đó. Nhưng vẫn chưa tốt khi lên mạng. Chỉ cần có một số niềm vui với phát triển web. – fmsf

18

Trong khi về mặt lý thuyết, bạn chỉ nên đặt CSS trong thẻ head, trong thực tế điều này thường không khả thi, hoặc không đáng để giảm đau.

Nếu bạn đặt nó ở giữa của tài liệu, một trong hai điều sau đây sẽ xảy ra:

  • Trình duyệt sẽ bắt đầu tải (và hiển thị) trang của bạn, và sau đó một lần nó dậy với CSS mới, nội dung hiện tại sẽ thay đổi hoặc di chuyển xung quanh

  • Trình duyệt sẽ chỉ mất một chút thời gian để hiển thị nội dung của bạn.

Điều đầu tiên có vẻ xấu, nhưng nói chung không phải là vấn đề. Dù sao nó cũng không được cho tôi, bởi vì 9 lần trong số 10, nếu bạn đang đặt CSS ở giữa trang, CSS chỉ được "xây dựng cho" nội dung sau nó, và không ảnh hưởng đến những thứ ở trên nó, vì vậy chúng sẽ không di chuyển hoặc thay đổi, dù sao, chúng sẽ không di chuyển hoặc thay đổi, dù sao, chúng sẽ không di chuyển hoặc thay đổi, dù sao, để không trả lời câu hỏi của bạn về "xấu như thế nào", tôi sẽ cảnh giác với việc viết CSS ảnh hưởng đến các phần của trang đã được tải trước tệp CSS.

4

Nó có thể hoạt động ngay bây giờ, nhưng như một thẻ liên kết chỉ được phép trong đầu, không có gì đảm bảo rằng nó sẽ hoạt động trong tương lai; cập nhật trình duyệt có thể dẫn đến css không được sử dụng nữa.

Nhưng sau đó lại có thể không.

Dù sao, tôi chắc chắn sẽ không đề xuất nó.

Chỉnh sửa: Mọi người luôn phàn nàn rằng IE không tuân thủ các tiêu chuẩn, chúng ta cũng không nên bắt đầu làm điều đó với tư cách là nhà phát triển.

0

HTML5 giới thiệu thuộc tính "có phạm vi" trên phần tử kiểu, phần này giải quyết trường hợp sử dụng của bạn, vì đây là trường hợp rất phổ biến đối với mash-up. Tuy nhiên, theo như tôi biết, không có tương đương với phần tử liên kết. Ngoài ra, tôi không biết liệu có bất kỳ trình duyệt nào hiện đang hỗ trợ thuộc tính "phạm vi" hay không.

0

Lý thuyết - nếu bạn cần tải phong cách css vào nội dung bạn có thể sử dụng php bao gồm. Nhưng tôi không chắc nó - nếu nó sẽ không làm việc - thử thay đổi tập tin css của bạn để php:

style.php:

<style> 
body {} 
</style> 
xây dựng tải

hoặc sử dụng jquery và tạo yếu tố phong cách mới & append nó vào cơ thể.

Các vấn đề liên quan