Tailwind có sử dụng lưới CSS không?

Tailwind CSS, một khung CSS cấp thấp, Tailwind CSS phiên bản 1 mới phát hành gần đây. 2, thêm hỗ trợ cho Bố cục lưới CSS, Chuyển tiếp CSS và Chuyển đổi CSS

Tailwind là một khung CSS thay thế cho các giải pháp như Bootstrap. Tailwind tập trung vào việc cung cấp các lớp tiện ích cấp thấp, thân thiện với thành phần để xây dựng các thiết kế tùy chỉnh

Tailwind tận dụng công cụ chuyển đổi CSS PostCSS và được định cấu hình qua JavaScript. Tailwind cố gắng cung cấp một công cụ để tạo ra các hệ thống thiết kế

Tailwind cung cấp nhiều khả năng khác nhau, bao gồm cả phương pháp hỗ trợ tạo kiểu thiết kế đáp ứng

Với phiên bản 1. 2, Tailwind giới thiệu Bố cục lưới CSS thông qua tiện ích grids-cols-{n} để tạo cột bằng CSS. Cách tiếp cận này cũng có thể tận dụng cách tiếp cận Tailwind để thiết kế đáp ứng

Cũng được thêm vào trong phiên bản 1. 2 là hỗ trợ Tailwind cho CSS Transitions. Sử dụng tiện ích transition-{properties}, có thể chuyển đổi CSS qua màu sắc, độ mờ, bóng hộp và chuyển đổi CSS

Cơn gió ngược 1. Bản phát hành 2 cũng bổ sung hỗ trợ cho CSS Transforms, hỗ trợ chia tỷ lệ các phần tử theo giá trị x, y hoặc kết hợp

Tailwind CSS là phần mềm mã nguồn mở có sẵn theo giấy phép MIT. Chúng tôi hoan nghênh mọi đóng góp theo nguyên tắc đóng góp CSS của Tailwind

Nhóm tạo Tailwind CSS cũng đang làm việc trên Tailwind UI, một thư viện thành phần được tạo bằng HTML và CSS. Không giống như Tailwind CSS, Tailwind UI là một sản phẩm thương mại và tuân theo các điều khoản và điều kiện của giấy phép thương mại

Lấy cảm hứng từ nội dung này?

Trở thành biên tập viên cho InfoQ là một trong những quyết định sáng suốt nhất trong sự nghiệp của tôi. Nó đã thử thách tôi và giúp tôi trưởng thành theo nhiều cách. Chúng tôi muốn có nhiều người tham gia nhóm của chúng tôi

Thomas Betts Trưởng ban biên tập, Thiết kế và kiến ​​trúc phần mềm @InfoQ;

Viết cho InfoQ

Xếp hạng bài viết này

nhận con nuôi

Phong cách

Đã liên hệ với tác giả

Nội dung này nằm trong chủ đề Web Development

chủ đề liên quan

• Phát triển
• Thiết kế kiến ​​trúc
• CSS
• ngôn ngữ đánh dấu
• Hệ thống thiết kế
• Phát triển web

• biên tập liên quan

• Nội dung được tài trợ có liên quan

• Nhà tài trợ liên quan

  

  Khám phá các xu hướng và thực tiễn mới nổi từ các chuyên gia tên miền. Tham dự trực tiếp hoặc trực tuyến tại QCon London (27-29 tháng 3 năm 2023)

Nội dung liên quan

• Vercel ra mắt các chức năng Edge để cung cấp tính toán tại Edge

• Đã phát hành Vite 4, thay thế Babel bằng SWC dựa trên Rust nhanh hơn

• Máy tính không máy chủ tốt hơn với WebAssugging

  

• Triển khai Đăng nhập không cần mật khẩu với Giao thức WebAuthn

  

• Tách mối quan tâm trong nút. js

  

• Xoay một nút. js Monolith thành Monorepo mà không làm gián đoạn nhóm

  

• Khả năng mở rộng nền tảng hiệu quả, an toàn thông qua WebAssugging

  

• PyTorch-Nightly Struck by Supply Chain Attack Đang lọc dữ liệu và tệp

• Amazon ECS thêm tính năng quay lui tự động

• Phương pháp khoa học để kiểm tra khả năng phục hồi của hệ thống

  

• Microfrontends chống mẫu. 7 năm trong chiến hào

  

• Quyền truy cập Zero Trust vào các ứng dụng của công ty với quyền truy cập được xác minh của AWS

• Google Cloud giới thiệu các hành động nhạy cảm để cải thiện bảo mật cho tài khoản trả phí

• KínhCá 7. 0 Cung cấp hỗ trợ cho JDK 17 và Jakarta EE 10

• Tính bền vững cho các công ty phần mềm. Giảm tác động bằng cách quyết định không làm gì

• Hướng dẫn của người hoài nghi về các quyết định kiến ​​trúc phần mềm

  

• Amazon phát hành Fortuna, một thư viện mã nguồn mở để định lượng độ không chắc chắn của mô hình ML

• Tạo kiểu nhập văn bản cho thử nghiệm ứng dụng dành cho thiết bị di động bằng GPT-3

• Google xuất bản kỹ thuật tự cải thiện mô hình ngôn ngữ AI

• Triển khai xanh-xanh từ chiến hào

  

• Thúc đẩy sự giữ chân và hiệu suất của nhân viên thông qua tuyển dụng

  

• Tổng hợp tin tức về Java. Dữ liệu Jakarta phát hành ban đầu, Micronaut 3. 8, JPhát hành 1. 4, Lớp 8. 0-RC1

• Sử dụng công cụ mã để chèn lỗi ở cấp ứng dụng tại eBay

• Bài học từ quá trình di chuyển nền tảng gần đây của Spotify Mobile Engineering

• Kích thước máy ảo Ebsv5 được tối ưu hóa bộ nhớ mới của Microsoft trong Bản xem trước mang lại hiệu suất cao hơn

• AWS công bố GA của cụm đàn hồi DocumentDB

• Kubernetes 1. 26 Đã phát hành với các thay đổi về sổ đăng ký hình ảnh, phân bổ tài nguyên nâng cao và số liệu

• Các nhà nghiên cứu công bố khảo sát về học sâu hiệu quả về mặt thuật toán

• Snyk công bố tính khả dụng chung của Snyk Cloud và các cải tiến cho nền tảng của nó

• Bảo mật cụm Kafka trong Kubernetes bằng Strimzi

  

• Kiểm tra quá khứ để cố gắng dự đoán tương lai cho việc xây dựng các ứng dụng phân tán

  

• Entity Framework 7 mang đến các hoạt động hàng loạt và các cột JSON

• Bộ công cụ di chuyển Eclipse cho Java (EMT4J) Đơn giản hóa việc nâng cấp các ứng dụng Java

• Cách Starling xây dựng bộ xử lý thẻ của riêng họ

  

• Cách SeatGeek xử lý thành công việc bán vé có nhu cầu cao

  

• Máy chủ Cloudflare Chia sẻ địa chỉ IP cho lưu lượng đi ra

• Giúp các nhóm thực hiện với Mô hình đánh giá thực hành chất lượng

• Microsoft mang dịch vụ đám mây và AI của mình đến tận cùng

• Tích hợp microservices được thực hiện ngay bằng cách sử dụng phát triển theo hợp đồng

  

• Meta phát hành data2vec 2. 0 một mô hình tự giám sát hiệu quả cao

Bản tin InfoQ

Tổng hợp nội dung của tuần trước trên InfoQ được gửi vào thứ Ba hàng tuần. Tham gia cộng đồng hơn 250.000 nhà phát triển cấp cao. Xem một ví dụ

Nhập địa chỉ email của bạn

Chọn quốc gia của bạn Tôi đồng ý với InfoQ. com xử lý dữ liệu của tôi như được giải thích trong Thông báo về quyền riêng tư này.

Chúng tôi bảo vệ quyền riêng tư của bạn