Có hai phương pháp gán css bên ngoài. Tôi sử dụng phương pháp đầu tiên; hầu hết các trang web đều sử dụng phương pháp thứ hai. Tôi tự hỏi liệu tôi có làm gì sai không!
Phương pháp đầu tiên:
Tạo một lớp cho hầu hết mọi quy tắc CSS và sử dụng chúng ở mọi nơi.
bla bla
.f_left{
nổi:trái;
}
.f_right{
nổi:đúng;
}
.d_block{
display:block;
}
.w_100{
chiều rộng: 100%;
}
....
....
Phương pháp thứ hai:
Tạo quy tắc css cho từng phần tử.
bla bla
#thùng chứa{
nổi:trái;
hiển thị: khối nội tuyến;
}
#khoảng chứa{
chiều rộng: 100%;
nổi:trái;
độ dày phông chữ: đậm;
}
Nói chung tôi sử dụng phương pháp đầu tiên. Tôi chọn phương pháp này vì nó cung cấp cho tôi những điều sau đây.
- Do đó, các tệp css nhỏ sẽ cung cấp ít thời gian tải hơn.
- Quy tắc css có thể tái sử dụng.
- Làm sạch mã và do đó quản lý CSS dễ dàng hơn phương pháp thứ hai.
- Tôi không cần tạo thuộc tính id hoặc class, chỉ cần gán quy tắc css. Vì vậy tôi không cần phải nghĩ tên cho từng thành phần :)
- Tôi nghĩ trình duyệt có thể diễn giải các quy tắc css một cách nhanh chóng, do đó cải thiện hiệu suất.
Tôi thấy rằng hầu hết các trang web thường không sử dụng phương pháp này và tôi bắt đầu nghĩ rằng mình cần phải cải thiện hiệu suất, nhưng tôi đang điền vào tệp html thay vì css, viết 3 đến 4 tên quy tắc css cho mỗi thành phần.
Lưu ý: Tôi biết một chút tiếng Anh. Tôi hy vọng bạn có thể hiểu tôi. Tôi sẽ rất vui nếu bạn có thể viết những câu đơn giản :)
Lý do chính không nên làm theo cách đầu tiên là vì nó không tách rời phần trình bày khỏi nội dung: phần tử HTML của bạn sẽ trông như thế này
, nhúng bản trình bày vào chính HTML. Mục đích chung của CSS là loại bỏ phần trình bày khỏi HTML để bạn có thể viết
Trong HTML, sau đó xác định kiểu trong CSS.
Cách tiếp cận đầu tiên có thể cho phép sử dụng lại ít quy tắc CSS hơn trên nhiều phần tử khác nhau, nhưng nó buộc bạn phải thay đổi HTML khi muốn thay đổi cách trình bày. Ví dụ: nếu bạn có nhiều thành phần được áp dụng cùng các quy tắc CSS và bạn muốn thay đổi giao diện của chúng, bạn phải thay đổi HTML của từng thành phần. Việc này tốn rất nhiều công sức và dễ xảy ra lỗi. Với cách tiếp cận thứ hai, bạn sẽ có các quy tắc CSS áp dụng cho tất cả các thành phần này và để thay đổi cách chúng được hiển thị, bạn chỉ cần thay đổi quy tắc. Trong hầu hết các yếu tố, đây là một lợi thế đáng kể.
Tôi là một lập trình viên xuất sắc, rất giỏi!