Giáo án tích hợp AI Tin học 12 KHMT Bài 13: Khái niệm, vai trò của CSS
Giáo án điện tử Tin học 12 (Định hướng Khoa học máy tính) Bài 13: Khái niệm, vai trò của 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 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 13: KHÁI NIỆM, VAI TRÒ CỦA CSS
I. NỘI DUNG CHI TIẾT BÀI HỌC
Khái niệm mẫu định dạng CSS
CSS (Cascading Style Sheets) là ngôn ngữ được dùng để thiết lập các mẫu định dạng cho trang web, độc lập với mã nguồn HTML.
Công cụ này giúp định dạng nội dung trang web nhanh hơn, thuận tiện hơn vì định nghĩa một lần và sử dụng cho nhiều phần tử.
Cấu trúc CSS
Cấu trúc tổng quát: bộ chọn (selector) { vùng mô tả (declaration block) }.
Vùng mô tả gồm một hoặc nhiều quy định: { thuộc tính : giá trị ; }.
Ví dụ: h1 { color: red; }.
Các cách thiết lập CSS
CSS trong (Internal CSS): Viết các mẫu định dạng bên trong thẻ <style> trong phần <head> của tệp HTML.
CSS ngoài (External CSS): Viết trong một tệp .css riêng biệt và kết nối với tệp HTML bằng thẻ <link> hoặc lệnh @import.
CSS nội tuyến (Inline CSS): Thiết lập trực tiếp cho phần tử HTML thông qua thuộc tính style.
II. KIẾN THỨC TRỌNG TÂM
CSS giúp tách biệt nội dung (HTML) và hình thức trình bày (CSS), tăng tính chuyên nghiệp.
Cấu trúc CSS gồm bộ chọn và các quy tắc (thuộc tính: giá trị).
Có ba cách thiết lập: CSS trong, CSS ngoài và CSS nội tuyến.
CSS ngoài là lựa chọn tối ưu cho các website lớn, giúp đồng bộ định dạng toàn bộ trang web.
Khi chỉnh sửa mẫu định dạng ở tệp CSS ngoài, thay đổi sẽ áp dụng cho tất cả các trang web liên kết tới nó.
III. BỐ CỤC SLIDE PPTX
Slide 1: Tiêu đề
Tiêu đề: BÀI 13: KHÁI NIỆM, VAI TRÒ CỦA CSS
Nội dung: Họ và tên, Năm học 2026 - 2027.
Slide 2: Giới thiệu CSS
Tiêu đề: Khái niệm CSS
Nội dung: CSS là gì? Vai trò trong việc định dạng trang web.
Slide 3: Cấu trúc CSS
Tiêu đề: Cấu trúc của mẫu định dạng
Nội dung: Bộ chọn (selector) và vùng mô tả (thuộc tính: giá trị).
Slide 4: Các cách thiết lập CSS
Tiêu đề: Ba cách thiết lập CSS
Nội dung: CSS trong (Internal), CSS ngoài (External), CSS nội tuyến (Inline).
Slide 5: Ưu điểm của CSS ngoài
Tiêu đề: Tại sao dùng CSS ngoài?
Nội dung: Khả năng tái sử dụng, đồng bộ giao diện toàn bộ website.
Slide 6: Tổng kết
Tiêu đề: Vai trò và ý nghĩa
Nội dung: Tầm quan trọng của CSS trong thiết kế web hiện đại.