Đề cương khóa học

Giới thiệu

  • Tổng quan về Tailwind CSS

Bắt đầu

  • Cài đặt Tailwind CSS
  • Cài đặt Node
  • Cài đặt VS code
  • Thiết lập môi trường

Các khái niệm cơ bản về Tailwind CSS

  • Kết nối Tailwind CSS với HTML
  • Tạo container bằng các lớp tiện ích
  • Thêm thuộc tính chiều rộng và chiều cao
  • Hiểu cách flexbox hoạt động
  • Gói và thay đổi kích thước các mục flex
  • Tạo bố cục lưới và hàng
  • Điều chỉnh luồng của các phần tử trong bố cục lưới
  • Thêm khoảng cách và căn chỉnh các mục
  • Căn chỉnh các mục riêng lẻ
  • Thêm padding và margin cho các phần tử
  • Tạo kiểu cho văn bản bằng các lớp tiện ích Tailwind
  • Thêm và tạo kiểu cho đường viền
  • Thêm bóng cho các phần tử
  • Sử dụng điểm ngắt để thêm hành vi đáp ứng
  • Sử dụng bộ chọn giả
  • Chỉ thị Layer và apply
  • Sử dụng các thành phần để tái sử dụng mã

Thiết lập môi trường phát triển tốt hơn

  • Tạo môi trường với Tailwind CLI
  • Chỉ thị và Hàm

Tóm tắt và các bước tiếp theo

Requirements

  • Kiến thức cơ bản về HTML và CSS

Đối tượng

  • Nhà phát triển
 7 Hours

Number of participants


Price per participant

Testimonials (4)

Provisional Upcoming Courses (Require 5+ participants)

Related Categories