Thiết lập lại và Mở rộng CSS - núm vú

Ngôn ngữ CSS linh hoạt, mạnh mẽ và nhất quán. Tuy nhiên, nó không phải là hoàn hảo. Hai ý tưởng nổi trội trong cộng đồng phát triển CSS / web mà bạn có thể thấy thú vị.

Khái niệm đầu tiên được gọi là Phong cách đặt lại CSS . Đây là một tài liệu CSS đặc biệt rõ ràng đặt bố cục bố cục cho mỗi phần tử, mặc định trình duyệt mặc định. Ý tưởng là để nhúng phong cách đặt lại đầu tiên, và sau đó thêm phong cách CSS riêng của bạn. Làm như vậy về mặt lý thuyết loại bỏ các trình duyệt mặc định, làm cho tất cả các trình duyệt làm theo cùng một cách.

Việc thiết lập lại CSS được sử dụng phổ biến nhất đã được Eric Meyer phát hành và có thể tìm thấy tại meyerweb. com.

Một số công cụ đặt lại CSS khác hiện có trên mạng và thường bao gồm trong các khuôn khổ web. CSS resets rất phổ biến trong một thời gian, nhưng chúng không được sử dụng phổ quát. Có hai lý do chính cho việc này. Các trình duyệt hiện đại thường làm một công việc hiển thị nội dung tốt hơn nhiều so với trước đây.

Việc đặt lại CSS là một ý tưởng hay khi bạn thực sự muốn chắc chắn rằng một phong cách CSS giống nhau trên nhiều trình duyệt, một lần nữa đó có thể không phải là một mục tiêu quan trọng đối với bạn.

Xu hướng khác mà bạn đôi khi thấy trong CSS là

trình xử lý sẵn CSS. Đây là những phiên dịch đặc biệt cho phép bạn thêm các tính năng không có trong CSS. Ví dụ, bạn có thể định nghĩa một biến được gọi là bgColor và sử dụng nó trong suốt kiểu CSS của bạn. Sau đó, bạn có thể thay đổi mọi tham chiếu đến màu nền một lần. Ví dụ:

$ bgColor: màu xanh lam; body {background-color: $ bgColor;} h1 {background-color: trắng; màu: $ bgColor;}

Điều này rất hữu ích khi bạn sử dụng cùng một màu ở nhiều nơi, đặc biệt nếu bạn cần phải thay đổi màu nhiều lần.

Ngoài các biến, hầu hết các tiền xử lý đều cung cấp các tính năng phổ biến khác cho các ngôn ngữ lập trình đầy đủ, như mixins (các khối mã được đặt tên) và các chức năng (một loạt các hướng dẫn mã với tên và các tính năng đầu vào và đầu ra).

Preprocessor là một ngôn ngữ lập trình nhỏ chuyển mã đặc biệt sang CSS. Trình chuyển đổi thường được viết bằng ngôn ngữ như JavaScript hoặc PHP. Thông thường nhà phát triển hoặc biên dịch các hướng dẫn thành CSS đơn giản hoặc gọi mã phía máy khách để tự động chuyển đổi mã sang CSS đơn giản trước khi trình duyệt thử hiển thị trang.

Các bộ xử lý tiền xử dụng phổ biến nhất là SASS (Các Khung Kiểu Tiêu đề Khiển hiệu) và LESS (có vẻ như là bộ xử lý

CSS p không có chữ viết tắt ). Các trình xử lý tiền xử lý CSS thường được tìm thấy trong các khuôn khổ web và hệ thống quản lý nội dung lớn hơn. Họ có thể được sử dụng mà không có những công cụ này, nhưng họ có thể gặp nhiều rắc rối hơn họ là giá trị ngoại trừ các dự án lớn hơn.

Các trình tiền xử lý CSS là một ý tưởng hay và chúng đang trở nên phổ biến trong số các nhà phát triển chuyên nghiệp, đặc biệt cho các ứng dụng lớn. Tuy nhiên, họ có thể không có giá trị nỗ lực cho người mới bắt đầu.