Giáo án tích hợp AI Tin học 12 THUD Bài 14: Định dạng văn bản bằng CSS
Giáo án điện tử Tin học 12 (Định hướng TH ứng dụng) Bài 14: Định dạng văn bản bằng CSS. 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 14: ĐỊNH DẠNG VĂN BẢN BẰNG CSS
I. NỘI DUNG CHI TIẾT BÀI HỌC
Định dạng phông chữ và màu chữ CSS hỗ trợ thiết lập các thuộc tính: font-family (chọn phông), font-size (cỡ chữ), font-style (kiểu chữ), font-weight (độ dày nét chữ) và color (màu chữ). Ví dụ: h1 {font-family: Times, "Times New Roman", Tahoma, serif;}. Ví dụ: h1 {color: red;}.
Định dạng dòng văn bản Các thuộc tính liên quan đến dòng văn bản gồm: line-height (chiều cao dòng), text-align (căn lề), text-decoration (đường kẻ ngang), và text-indent (thụt lề dòng đầu). Ví dụ: p {text-align: right;}.
Tính kế thừa và thứ tự ưu tiên của CSS Tính kế thừa: Mẫu CSS áp dụng cho phần tử cha sẽ được tự động áp dụng cho tất cả các phần tử con, cháu (trừ một số trường hợp ngoại lệ). Thứ tự ưu tiên: Khi có nhiều mẫu định dạng cho cùng một phần tử, trình duyệt ưu tiên mẫu được viết sau cùng. Ký hiệu đặc biệt: Ký hiệu * có độ ưu tiên thấp nhất, ký hiệu !important có độ ưu tiên cao nhất.
II. KIẾN THỨC TRỌNG TÂM
CSS cung cấp đa dạng thuộc tính để định dạng phông chữ, màu sắc và dòng văn bản.
Thuộc tính font-family cho phép chỉ định danh sách các phông chữ ưu tiên.
Tính kế thừa giúp giảm bớt việc viết lại các mẫu định dạng cho các phần tử con trong cấu trúc cây HTML.
Quy tắc ưu tiên của CSS tuân theo thứ tự viết mã và các ký hiệu đặc biệt như !important.
Việc nắm vững thứ tự ưu tiên giúp kiểm soát chính xác cách hiển thị của trang web.
III. BỐ CỤC SLIDE PPTX
Slide 1: ĐỊNH DẠNG VĂN BẢN BẰNG CSS Chủ đề 4, Bài 14
Slide 2: ĐỊNH DẠNG PHÔNG VÀ MÀU CHỮ Sử dụng các thuộc tính font-family, font-size, font-style, font-weight và color
Slide 3: ĐỊNH DẠNG DÒNG VĂN BẢN Điều chỉnh line-height, text-align, text-decoration và text-indent
Slide 4: TÍNH KẾ THỪA CỦA CSS Phần tử con, cháu tự động thừa hưởng mẫu định dạng từ phần tử cha
Slide 5: THỨ TỰ ƯU TIÊN Mẫu CSS viết sau cùng được ưu tiên áp dụng
Slide 6: SỬ DỤNG !IMPORTANT Sử dụng !important để thiết lập độ ưu tiên cao nhất cho thuộc tính