Hướng dẫn HTML và CSS cho người mới bắt đầu
Cơ bản về HTML
Giới thiệu
Ngôn ngữ HTML
Thẻ HTML
Thuộc tính
Kiểu dáng
Cấu trúc trang cơ bản
Các thẻ cơ bản
Đoạn văn
Tiêu đề
In đậm văn bản
In nghiêng văn bản
Danh sách không có thứ tự
Danh sách có thứ tự
Liên kết
Liên kết nội bộ
Hình ảnh
Chiều rộng hình ảnh
Chiều cao hình ảnh
Thiết lập chiều rộng và chiều cao hình ảnh
Bảng
Chiều rộng và chiều cao bảng
Ô tiêu đề
Thực hành
Kiến thức cơ bản về CSS
Giới thiệu về CSS
Cách làm việc với CSS
Các giá trị cho màu sắc
Mọi màu sắc
Chiều rộng và chiều cao
Căn chỉnh văn bản
Căn chỉnh văn bản sang phải
Căn giữa văn bản
Căn chỉnh văn bản sang trái
Căn đều văn bản cả trái và phải
Bài tập thực hành căn chỉnh văn bản
Độ đậm
Chữ nghiêng
Cỡ chữ
Họ phông chữ
Khoảng cách dòng
Giá trị line-height không có đơn vị
Thuộc tính viết tắt font
Dòng đầu tiên thụt vào
Hiệu ứng văn bản
Gạch chân văn bản
Gạch trên đầu văn bản
Gạch ngang văn bản
Hủy hiệu ứng cho văn bản
Bài tập thực hành
Bộ chọn
Mối quan hệ họ hàng của các thẻ
Kế thừa thuộc tính
Nhóm các bộ chọn
Thuộc tính chung
Bộ chọn hậu duệ
Bộ chọn con trực tiếp
Bộ chọn lớp
Thẻ span
Thẻ div
Nhóm các lớp
Thẻ với lớp được chỉ định
Bộ chọn hậu duệ và các lớp
Tổ hợp phức tạp của bộ chọn hậu duệ và các lớp
Sai lầm của người mới với bộ chọn hậu duệ
Phần tử với nhiều lớp
Bộ chọn theo id
Bộ chọn theo id và các lớp
Sử dụng id
Bộ chọn theo nhiều lớp
Nhiều bộ chọn liền nhau
Sai lầm nhiều bộ chọn
Nhóm các bộ chọn phức tạp
Sai lầm khi nhóm
Luyện tập tổ hợp bộ chọn
Độ ưu tiên của bộ chọn
Lưu ý về xung đột thuộc tính
Quy tắc đặc tính
Độ ưu tiên của bộ chọn hậu duệ
Bộ chọn anh chị em liền kề
Bộ chọn anh chị em chung
Bộ chọn phổ quát
Bộ chọn thuộc tính
Trạng thái liên kết
Sắc thái về trình tự trạng thái liên kết
Trạng thái link và visited
Sử dụng thông thường trạng thái liên kết
Bộ chọn phức tạp với liên kết
Liên kết với lớp
Chọn phần tử cuối
Chọn theo vị trí
Chọn con duy nhất
Chọn phần tử trống
Chọn theo vị trí và loại phần tử
Phủ định not
Trang trí
Màu nền
Cơ bản về đường viền
Đường viền liền nét
Đường viền chấm chấm
Đường viền nét đứt
Đường viền dạng gờ nổi
Đường viền đôi
Thuộc tính viết tắt cho đường viền
Đường viền cho các cạnh khác nhau
Bo góc viền của khối
Bo góc viền của nền
Tạo hình tròn
Bo góc cho các góc khác nhau
Bốn giá trị
Hai giá trị
Ba giá trị
Bo góc theo phần trăm
Tạo hình tròn khi bo góc theo phần trăm
Hình ảnh cho nền
Lặp lại hình ảnh nền
Các thuộc tính khác cho nền
Đánh dấu danh sách ul
Đánh dấu danh sách ul hình vuông
Đánh dấu danh sách ul hình tròn
Đánh dấu danh sách ul hình tròn đặc
Không có đánh dấu cho danh sách ul
Đánh dấu danh sách ol
Số La Mã thường cho danh sách ol
Số La Mã hoa cho danh sách ol
Chữ cái Latinh thường cho danh sách ol
Chữ cái Latinh hoa cho danh sách ol
Chữ cái Hy Lạp thường cho danh sách ol
Số có số không đứng đầu cho danh sách ol
Mô hình hộp
Khoảng cách ngoài margin
Khoảng cách margin cho các cạnh khác nhau
Nhiều giá trị trong margin
Bốn giá trị trong margin
Hai giá trị trong margin
Ba giá trị trong margin
Khoảng cách trong padding
Khoảng cách padding cho các cạnh khác nhau
Nhiều giá trị trong padding
Mở rộng phần tử
Ảnh hưởng của đường viền đến việc mở rộng phần tử
Ảnh hưởng chung của padding và đường viền đến việc mở rộng phần tử
Hủy bỏ việc mở rộng phần tử
Phần tử khối
Chiều rộng và chiều cao của phần tử khối
Chiều rộng của phần tử khối
Chiều cao của phần tử khối
Chiều cao không có nội dung
Nhiều phần tử khối cạnh nhau
Phần tử nội tuyến
Chiều rộng và chiều cao của phần tử nội tuyến
Nhiều phần tử nội tuyến cạnh nhau
Khoảng cách giữa các phần tử nội tuyến
Định nghĩa mô hình hộp
Thuộc tính display
Phần tử nội tuyến-khối
Chiều rộng và chiều cao của phần tử nội tuyến-khối
Chiều rộng của phần tử nội tuyến-khối
Chiều cao của phần tử nội tuyến-khối
Nhiều phần tử nội tuyến-khối cạnh nhau
Căn chỉnh phần tử khối
Căn chỉnh phần tử khối với khoảng cách bên trái
Căn chỉnh phần tử khối với khoảng cách bên phải
Căn chỉnh phần tử nội tuyến
Căn giữa phần tử nội tuyến
Căn giữa nhiều phần tử nội tuyến
Căn chỉnh phần tử nội tuyến theo cạnh phải
Căn chỉnh phần tử nội tuyến-khối
Căn giữa phần tử nội tuyến-khối
Căn chỉnh phần tử nội tuyến-khối theo cạnh phải
Phần tử flex
Chiều cao của phần tử cha flex
Chiều rộng của phần tử cha flex
Phần tử cha nội tuyến-khối
Khoảng cách padding của phần tử cha
Khoảng cách margin cho phần tử con
Căn chỉnh phần tử flex
Căn chỉnh phần tử flex ở giữa
Căn chỉnh phần tử flex theo phần tử cha
Căn chỉnh phần tử flex theo phần tử cha với khoảng cách
Căn chỉnh phần tử flex theo phần tử cha với khoảng cách bằng nhau
Định vị
Tuyệt đối
Tương đối
Tuyệt đối so với phần tử cha
Tuyệt đối so với phần tử tuyệt đối
Tuyệt đối không tọa độ
Căn giữa qua absolute
Giá trị âm của absolute
Định vị cố định
Khối rộng toàn màn hình
Xếp chồng phần tử theo trục Z
Điều chỉnh xếp chồng phần tử theo trục Z
Sắc thái sử dụng giá trị âm của z-index
Thuộc tính Float
Giới thiệu về thuộc tính float
Thuộc tính float và các thẻ
Sự kết hợp giữa float và margin
Sự kết hợp giữa float và padding
Các phần tử float bên dưới các thẻ
Tác động của float lên phần tử cha
Chiều cao của phần tử cha chứa float
Văn bản trong phần tử cha chứa float
Bao quanh văn bản
Hủy bỏ bao quanh văn bản
Thẻ div riêng biệt với clearfix
Chiều cao phần tử cha và clearfix
Thuộc tính float cho các khối
Thuộc tính float và nhiều khối
Thuộc tính float và phần tử cha không có văn bản
Flex
Sắp xếp theo hàng hoặc cột
Sắp xếp phần tử flex trong hàng đảo ngược
Sắp xếp phần tử flex theo cột
Đảo ngược cột với các phần tử flex
Trục chính và trục phụ
Căn chỉnh theo trục chính
Căn chỉnh theo trục phụ
Giá trị center của thuộc tính align-items
Căn giữa không cần chiều cao khối
Căn giữa với chiều cao khối khác nhau
Giá trị stretch của thuộc tính align-items
Thực hành căn chỉnh theo trục
Căn chỉnh phần tử riêng lẻ
Thứ tự của các khối flex
Lưới
Giới thiệu về lưới
Rãnh và đường kẻ
Hiển thị trong công cụ gỡ lỗi
Cột
Đơn vị fr
Fr phân số
Pixel và fr
Phần trăm và fr
Hàm repeat
Giá trị auto
Giá trị auto-fill
Hàm minmax
Giá trị auto-fit
Hàng
Cách viết tắt cho hàng và cột
Kết hợp hàng
Kết hợp cột
Tổ hợp kết hợp
Chồng lấp cột
Khoảng cách giữa các cột
Khoảng cách giữa các hàng
Khoảng cách giữa cột và hàng
Ô lát
