Bắt đầu trong 5 phút

Hướng dẫn sử dụng

Chọn một chủ đề bên dưới hoặc trong mục lục để xem hướng dẫn từng bước kèm ảnh chụp màn hình và video minh họa.

Đăng nhập bằng ID người học và tạo hoặc mở lại một phiên học.

Ba chế độ làm việc, cách chọn phần tử và đọc cây cấu trúc DOM.

Sửa cấu trúc trang trực tiếp trong tab Mã nguồn, nhớ bấm Áp dụng.

Bộ chọn CSS đa chiều và cách viết quy tắc CSS theo selector.

Thêm hành vi cho trang, xử lý lỗi cú pháp khi bấm Áp dụng.

Chạy thử trang như trình duyệt thật, đổi kích thước khung xem.

Lưu thủ công, xuất phần tử hoặc xuất trọn bộ mã nguồn .zip.

Phím tắt thường dùng

Ctrl/⌘S

Lưu thủ công dự án

Ctrl/⌘Z

Hoàn tác thao tác vừa làm

Ctrl/⌘ShiftZ

Làm lại thao tác vừa hoàn tác

Ctrl/⌘1 / 2 / 3

Chuyển nhanh Thiết kế / Xem trước / Mã nguồn

Ctrl/⌘B

Ẩn/hiện thanh bên trái (giữ thêm Alt để ẩn/hiện thanh thuộc tính)

Ctrl/⌘J

Ẩn/hiện panel mã nguồn phía dưới

Esc

Đóng menu, hộp thoại hoặc panel đang mở

Sẵn sàng thử chưa?

Mở trình soạn và bắt đầu kéo-thả khối đầu tiên của bạn.