Giáo trình HTML và CSS Cao cấp
Nâng cao
Khoảng cách giữa chữ và từ
Kiểu chữ (Text case)
Dòng cuối cùng
Chữ cái đầu tiên
Dòng đầu tiên
Chế độ xuất văn bản
Kích thước tab
Tràn khối
Cắt văn bản
Từ dài
Gạch nối từ
Hiệu ứng văn bản
Bố trí văn bản theo cột
Hủy chọn con trỏ
Hủy phản ứng
Kiểu con trỏ
Màu đánh dấu
Gộp viền bảng
Khoảng cách giữa các ô trong bảng
Hiển thị ô bảng trống
Căn chỉnh văn bản theo chiều dọc trong ô
Thay đổi kích thước ô bảng bởi trình duyệt
Chèn phần tử giả (Pseudo-elements)
Đánh số phần tử tự động
Thuộc tính phần tử
Hàm tính toán
Hàm chọn một trong các giá trị
Biểu mẫu
Các phần tử biểu mẫu cơ bản
Văn bản đầu vào
Nhãn biểu mẫu
Hộp kiểm
Nút chuyển đổi radio
Trường nhập nhiều dòng
Thay đổi kích thước textarea
Gợi ý placeholder
Phần tử giả placeholder
Danh sách thả xuống
Khóa các phần tử biểu mẫu
Chú thích biểu mẫu
Nút như một kiểu đầu vào
Trường cho mật khẩu
Kiểu đầu vào để tải tệp lên
Các kiểu đầu vào khác
Tiêu điểm cho các phần tử biểu mẫu
Thay đổi tiêu điểm bằng phím Tab
Tự động lấy tiêu điểm
Phím tắt
Lấy các phần tử được đánh dấu
Lấy các phần tử không hoạt động
Tự động điền các trường
Hủy tự động điền các trường
Đồ họa
Màu sắc ở định dạng rgb
Màu sắc ở định dạng hex
Màu sắc ở định dạng rgba
Độ mờ
Đổ bóng văn bản
Đổ bóng khối
Gradient tuyến tính
Gradient xuyên tâm
Gradient tuyến tính lặp lại
Gradient xuyên tâm lặp lại
Hiệu ứng
Chuyển tiếp mượt
Hoạt ảnh
Thuộc tính viết tắt cho hoạt ảnh
Trạng thái hoạt ảnh
Xoay phần tử
Thu phóng phần tử
Lệch phần tử theo trục
Dịch chuyển phần tử theo trục
Điểm biến đổi
Áp dụng hiệu ứng
Khả năng tương thích đa trình duyệt
Giới thiệu về khả năng tương thích đa trình duyệt
Tiền tố nhà cung cấp
Kiểm tra hỗ trợ
Đặt lại và chuẩn hóa kiểu
Đặt lại kiểu thông qua bộ chọn toàn thể
Thư viện có sẵn để đặt lại
Chuẩn hóa kiểu
Đơn vị kích thước
Giới thiệu về đơn vị em
Kế thừa và đơn vị em
Thụt lề và đơn vị em
Thực hành sử dụng em
Đơn vị rem
Đơn vị vh và vw
Làm việc nâng cao với Flexbox
Kích thước phần tử flex dọc theo trục chính
Tính tham lam của phần tử flex
Tính tham lam bằng không của phần tử flex
Tính tham lam khi chiều rộng khối flex không được chỉ định
Tính tham lam khi chiều rộng khối flex được chỉ định
Co ngót phần tử flex khi thiếu không gian
Ảnh hưởng của chiều rộng phần tử cha theo phần trăm đến sự co ngót
Ảnh hưởng của chiều rộng khác nhau của phần tử con đến sự co ngót
Ảnh hưởng của tính tham lam phần tử đến sự co ngót
Hệ số co ngót của khối flex
Chiều rộng phần tử khác nhau và khả năng co ngót của khối flex
Điều chỉnh sự co ngót
Hủy co ngót
Thuộc tính viết tắt flex
Bố cục lưới (tiles) sử dụng flex
Vấn đề của bố cục lưới trên flex
Bố cục lưới với khoảng cách chính xác
Khoảng cách dọc cho bố cục lưới
Bố cục lưới với chiều rộng tự động của khối
Khoảng cách trong bố cục lưới với chiều rộng tự động của khối
Làm việc nâng cao với Grid
Grid tường minh
Grid ngầm định
Kích thước grid ngầm định
Căn nội dung theo chiều ngang
Căn nội dung theo chiều dọc
Căn nội dung theo cả hai trục
Căn ô theo chiều ngang
Căn ô theo chiều dọc
Căn ô theo cả hai trục
Căn ô - Cú pháp rút gọn
Căn phần tử theo chiều ngang
Căn phần tử theo chiều dọc
Căn phần tử theo cả hai trục
Căn phần tử - Cú pháp rút gọn
Chồng chéo các phần tử grid
Grid lồng nhau
Subgrid (Grid con)
Cú pháp rút gọn chung
