2009-10-19 27 views
5

Tôi đã cố gắng để đưa ra một khuôn khổ CSS phong phú cho trình duyệt tiếp theo của tôi, bởi vì cái cuối cùng của tôi có cả đống PHP/CSS hack (những thứ kinh khủng như class="blah<?=isIe()?>"). Tôi muốn làm điều đó "đúng". Tôi đã xem xét this question, mà không nhận được nhiều sự quan tâm, vì vậy tôi muốn thu hẹp điều này xuống: là thiết lập lại CSS cần thiết cho định dạng trình duyệt chéo không? Còn Doctype thì sao? Nên sử dụng"CSS Reset" có cần thiết cho CSS của trình duyệt chéo không?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

hoặc cái gì? Ngoài ra, không ai có bất kỳ cái nhìn sâu sắc về tính hữu ích của Blueprint?

Trả lời

5

Đặt lại CSS là không cần thiết, nhưng nó chắc chắn giúp ích rất nhiều. Nó sẽ làm cho nó như vậy tất cả các yếu tố được trả lại giống nhau trong tất cả các trình duyệt.

Vẫn còn một số thứ sẽ hơi khác một chút do mỗi trình duyệt (chủ yếu là IE) hiển thị mô hình hộp khác nhau. Có những cách dễ dàng hơn để thực hiện CSS cụ thể của trình duyệt mà thay đổi lớp nội tuyến mặc dù. Bạn có thể tạo một bảng định kiểu IE cụ thể và chỉ ghi đè lên những thứ cụ thể mà bạn cần thay đổi. Bạn không cần PHP cho điều này.

<!--[if IE 6]> 
    <link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]--> 

Bạn cũng có thể sử dụng "lt" cho < và "gt" cho>.

<!--[if lt IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]--> 

Đối với tôi, việc đặt lại CSS đã khắc phục được 99% vấn đề của tôi.

Yahoo có một giao diện đẹp. http://developer.yahoo.com/yui/3/cssreset

+0

Ah có, trọng. Đẹp hơn nhiều so với hack máy chủ. Cảm ơn vì điều đó! –

+0

Tuy nhiên, đó là gì [nếu điều? Trình duyệt biết cách xử lý điều đó? –

+1

IE biết cách xử lý cụ thể. Vì vậy, bạn có thể tạo một biểu định kiểu cụ thể của IE và mọi trình duyệt khác đều cho rằng đó chỉ là một nhận xét. –

8

Đặt lại CSS là không cần thiết, nhưng nó đơn giản hóa mọi thứ.

Một loại tài liệu là cần thiết, không có một trình duyệt nào sẽ nhập Quirks mode và bạn mở một hộp lớn không nhất quán. Loại tài liệu HTML 4.01 Strict Doctype mà bạn đề cập là một lựa chọn tốt, đây là phiên bản HTML hiện đại nhất có hỗ trợ tốt trên thị trường.

+0

Hoàn hảo, đó là suy nghĩ hiện tại của tôi về điều đó. Nếu tôi có thể nhận được 90% của con đường chỉ với một thiết lập lại và một tờ khai Doctype, tôi đang ở :) –

+1

1 câu trả lời tốt David –

1

Tôi đã luôn sử dụng đặt lại CSS và xây dựng sao lưu từ cơ sở này cho các dự án của mình. Nó đơn giản hóa mọi thứ rất nhiều khi bạn không còn phải lo lắng về việc khác nhau về kích thước mặc định, vv giữa các trình duyệt. Bên cạnh đó, bất kỳ dự án đủ lớn nào cũng có số lượng lớn CSS đặt lại trong đó và trong các dự án đó không sử dụng bảng đặt lại CSS, thay vào đó chúng sẽ có khả năng chia nhỏ trên nhiều khu vực, bị hỏng và lỗi **

Tôi có xu hướng sử dụng các trang CSS của YUI cho các dự án của mình nhưng bây giờ tôi có thể kiểm tra Blueprint bây giờ nó được chú ý;)

+1

Hãy cho tôi biết suy nghĩ của bạn về kế hoạch chi tiết. Hơn thế nữa. –

+1

Tôi bắt đầu với Blueprint nhưng tìm thấy nó hơi nặng và cuối cùng làm việc theo cách của tôi để thiết lập lại css nhẹ hơn, chung chung hơn. Tôi không nhớ nơi hiện tại của tôi đến từ đâu vì tôi đã tùy chỉnh nó rất nhiều và kéo nó từ một dự án ot tiếp theo. –

+0

Được rồi, điều đó chắc chắn sẽ giúp, cảm ơn bạn. –

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