Bạn sử dụng CSS reset CSS nào và tại sao? [đóng cửa]

Bạn sử dụng CSS reset CSS nào và tại sao? Có một cái mà bạn đã tìm thấy để bao gồm nhiều trường hợp?

Tôi đã bắt đầu sử dụng HTML5 Doctor: http://html5doctor.com/html-5-reset-stylesheet/ Nó dường như hoạt động, nhưng tôi tự hỏi liệu có cái gì tốt hơn ngoài đó không.

Nói thật: Mặc dù kaikai đánh dấu là đúng, bạn chỉ cần đặt lại * phần đệm & lề về 0.

Mặc dù không may, 99% chúng ta không có tài nguyên hoặc sức mạnh để theo kịp hàng trăm phiên bản trình duyệt ngoài kia. Vì vậy, một bảng thiết lập lại là cần thiết cho các trang web điển hình.

html5reset: (Quá can thiệp)

Tôi chỉ xem qua http://html5reset.org/

img,
object,
embed {max-width: 100%;}

Và:

html {overflow-y: scroll;}

Tôi hiểu rằng nó có ý định tốt, nhưng đó không phải là công việc của một bảng thiết lập lại. Nó đưa ra quá nhiều giả định.

Đặt lại BluePrint: (nghĩa đen là một kế hoạch chi tiết)

body {
  line-height: 1.5;
  background: white;
}

Có gì với 1.5. Và tại sao nền trắng? (Tôi biết đó là để sửa nhưng vẫn không cần thiết)

Chuẩn hóa.css: (Không bình thường)

https://github.com/necolas/n normalize.css / blog / master / n normalize.css

Nó bắt đầu tốt với một số webkit / tức là hack nhưng

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

Mỗi thẻ tiêu đề được nhắm mục tiêu. & họ không thiết lập lại chiều cao của cơ thể.

Tôi chắc chắn rằng tất cả những điều trên làm tốt công việc dự định, nhưng có lẽ sẽ bị ghi đè nhiều hơn mức cần thiết.

Eric Meyer

YUI

HTML5Boilerplate

Trên đây là nhiều ưu điểm hơn với Boiler khắc nghiêng về phía (thân thiện hơn) Tôi chắc chắn do sự phổ biến. Hiện tại, 80% thiết lập lại tùy chỉnh của tôi là soạn sẵn.

Tôi sẽ đi mặc dù cả ba từng chút một và làm cho riêng mình, đó không phải là khoa học tên lửa.

Normalize.css rất tốt cho cả trình duyệt máy tính để bàn và thiết bị di động và được sử dụng trong nhiều mẫu HTML phổ biến.

Nhưng những gì về việc sử dụng thuộc tính CSS allmà đặt lại các thuộc tính CSS ngoại trừ directionvà unicode-bidi? Bằng cách đó, bạn không cần bao gồm bất kỳ tệp bổ sung nào:

{
    all: unset
}

CSS allcó hỗ trợ rộng trừ trong IE / Edge. Tương tự với unset.

Các reset.css được sử dụng bởi khung CSS Blueprint hoạt động tốt và bao gồm các yếu tố HTML5. Nó được bao gồm trong tập tin screen.css của họ .

Blueprint là một tài nguyên hữu ích để tạo mẫu nhanh cho các trang web mới và mã nguồn của chúng được tổ chức tốt và đáng để học hỏi.

Eric Meyer cũng đã phát hành v2 thiết lập lại CSS của mình (và anh ấy đã làm như vậy gần một năm trước):

http://meyerweb.com/eric/tools/css/reset/

1. Giữ nguyên các mặc định hữu ích, không giống như nhiều bộ CSS.
2. Bình thường hóa các kiểu cho một loạt các yếu tố HTML.
3. Sửa lỗi và sự không nhất quán trình duyệt phổ biến.
4. Cải thiện khả năng sử dụng với những cải tiến tinh tế.
5. Giải thích những gì mã sử dụng bình luận chi tiết.

chuẩn hóa.css

* {
    margin: 0;
    padding: 0;
}

đơn giản nhưng hoàn toàn hiệu quả. có lẽ ném vào:

body {
    font-size: small;
}

cho biện pháp tốt.

Thông số HTML5 bao gồm các khai báo CSS được đề xuất cho các trình duyệt có khả năng CSS. Vì niềm vui của nó, tôi đã lấy chúng và hoàn nguyên chúng, nơi nó có ý nghĩa. Bạn có thể xem kết quả trong bài viết này .

Tuy nhiên , tôi không khuyên bạn nên sử dụng điều này trong sản xuất. Đó là một bằng chứng về khái niệm và có thể được sử dụng tốt hơn để đưa ra gợi ý hơn là phục vụ như một biểu định kiểu đa mục đích. Bất kỳ đề xuất nào khác trước đây có thể là một lựa chọn tốt hơn.

Tôi sử dụng Chuẩn hóa hoặc đặt lại từ HTML5 Doctor và tôi thay đổi nó để phù hợp với dự án tôi đang làm.

BTW, đó chỉ là khái niệm sử dụng thiết lập lại mà trở thành tiêu chuẩn ít nhiều.