Giáo án tích hợp AI Tin học 12 THUD 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 TH ứng dụng) 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 TH ứng dụng 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: Mỗi màu là tổ hợp ba giá trị (r, g, b) nằm trong khoảng từ 0 đến 255. Cách thiết lập giá trị màu: rgb(x-red, x-green, x-blue), rgb(x-red%, x-green%, x-blue%) hoặc mã màu #rrggbb. Hệ màu HSL: Dựa trên ba tham số Hue (vòng tròn màu 0-360), Saturation (độ bão hoà 0%-100%), Lightness (độ sáng 0%-100%). Tên màu có sẵn: CSS hỗ trợ 140 tên màu chuẩn (ví dụ: black, red, blue).
Thiết lập màu cho chữ và nền Thuộc tính color dùng để định dạng màu chữ. Thuộc tính background-color dùng để định dạng màu nền. Thuộc tính border dùng để định dạng màu khung viền quanh phần tử. Ví dụ: h1 {color: red; background-color: lightgreen; border: 2px solid magenta;}.
Thiết lập bộ chọn là tổ hợp các phần tử có quan hệ Bộ chọn E F: Áp dụng cho phần tử F là con, cháu của phần tử E. Bộ chọn E > F: Áp dụng cho phần tử F là con trực tiếp của phần tử E. Bộ chọn E + F: Áp dụng cho phần tử F là anh em liền kề sau E. Bộ chọn E ~ F: Áp dụng cho phần tử F nằm sau E (không cần liền kề).
II. KIẾN THỨC TRỌNG TÂM
CSS hỗ trợ các hệ màu RGB, HSL và danh sách tên màu chuẩn để định dạng.
Thuộc tính color, background-color và border là công cụ cơ bản để tạo màu cho văn bản và khối.
Các thuộc tính màu sắc thường có tính kế thừa, ngoại trừ thuộc tính border.
Bộ chọn tổ hợp (E F, E > F, E + F, E ~ F) giúp định dạng chính xác các phần tử dựa trên vị trí của chúng trong cây HTML.
Việc kết hợp các loại bộ chọn giúp tối ưu hóa mã nguồn CSS và tăng tính linh hoạt khi trình bày trang web.
III. BỐ CỤC SLIDE PPTX
Slide 1: TẠO MÀU CHO CHỮ VÀ NỀN Chủ đề 4, Bài 15
Slide 2: HỆ THỐNG MÀU TRONG CSS Giới thiệu hệ màu RGB, HSL và danh sách tên màu có sẵn
Slide 3: CÁC THUỘC TÍNH MÀU SẮC Sử dụng color, background-color và border để định dạng
Slide 4: BỘ CHỌN TỔ HỢP (PHẦN 1) Định dạng dựa trên quan hệ cha con: E F và E > F
Slide 5: BỘ CHỌN TỔ HỢP (PHẦN 2) Định dạng dựa trên quan hệ anh em: E + F và E ~ F
Slide 6: LỢI ÍCH CỦA CSS Trình bày chính xác, tiết kiệm công sức và điều khiển hiển thị đa thiết bị