Giáo án tích hợp AI Tin học 12 KHMT Bài 15: Tạo màu cho chữ và nền
Giáo án điện tử Tin học 12 (Định hướng Khoa học máy tính) Bài 15: Tạo màu cho chữ và nền. Sách kết nối tri thức mới nhất cho năm học 2026 - 2027. Có tích hợp video AI, điều chỉnh cấu trúc, kiến thức phù hợp với năm học mới để tạo ra một bản powerpoint hoàn thiện và chất lượng. Thầy/cô chỉ cần tải về và giảng dạy. Có thể chỉnh sửa dễ dàng.
=> Giáo án điện tử Tin học 12 Khoa học máy tính Kết nối tri thức (Tích hợp video AI)
Các tài liệu bổ trợ
BÀI 15: TẠO MÀU CHO CHỮ VÀ NỀN
I. NỘI DUNG CHI TIẾT BÀI HỌC
Hệ thống màu của CSS
Hệ màu RGB: Biểu diễn theo tham số (Red, Green, Blue) với giá trị từ 0 đến 255.
Ví dụ: rgb(128, 0, 128) hoặc mã hexa #800080.
Hệ màu HSL: Biểu diễn theo Hue (vòng màu), Saturation (độ bão hòa), và Lightness (độ sáng).
Thiết lập màu trong CSS:
Thuộc tính color: Định dạng màu chữ.
Thuộc tính background-color: Định dạng màu nền.
Thuộc tính border: Định dạng màu khung viền.
Thiết lập bộ chọn là tổ hợp các phần tử
E F: Chọn phần tử F nằm trong E (quan hệ con/cháu).
E > F: Chọn phần tử F là con trực tiếp của E.
E + F: Chọn phần tử F là em liền kề của E.
E ~ F: Chọn phần tử F là em của E (không cần liền kề).
II. KIẾN THỨC TRỌNG TÂM
HTML và CSS chủ yếu sử dụng hệ màu RGB để định nghĩa màu sắc.
Thuộc tính color và background-color là các thành phần cơ bản để tạo màu cho chữ và nền.
Thuộc tính border cho phép áp dụng màu cho khung viền của phần tử.
Các thuộc tính màu sắc và nền có tính kế thừa, riêng border không có tính kế thừa.
Sử dụng bộ chọn tổ hợp (như E > F hay E + F) giúp kiểm soát định dạng chính xác cho các phần tử có quan hệ cụ thể trong cây HTML.
III. BỐ CỤC SLIDE PPTX
Slide 1: Tiêu đề
Tiêu đề: BÀI 15: TẠO MÀU CHO CHỮ VÀ NỀN
Nội dung: Họ và tên, Năm học 2026 - 2027.
Slide 2: Hệ màu trong CSS
Tiêu đề: Cách biểu diễn màu sắc
Nội dung: Giới thiệu hệ màu RGB, HSL và các tên màu có sẵn.
Slide 3: Thuộc tính màu cơ bản
Tiêu đề: Màu chữ, Màu nền và Khung viền
Nội dung: Sử dụng các thuộc tính color, background-color và border.
Slide 4: Bộ chọn tổ hợp (P1)
Tiêu đề: Quan hệ Cha - Con
Nội dung: Giải thích bộ chọn E F (con/cháu) và E > F (con trực tiếp).
Slide 5: Bộ chọn tổ hợp (P2)
Tiêu đề: Quan hệ Anh - Em
Nội dung: Giải thích bộ chọn E + F (liền kề) và E ~ F (không liền kề).
Slide 6: Tổng kết
Tiêu đề: Tóm tắt bài học
Nội dung: Vai trò của việc phối hợp màu sắc và bộ chọn để tối ưu hóa trình bày trang web.