Giáo án tích hợp AI Tin học 12 THUD 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 TH ứng dụng) 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 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 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 là ngôn ngữ định dạng độc lập với HTML, dùng để thiết lập các mẫu định dạng cho trang web. Cấu trúc tổng quát của một mẫu CSS gồm hai phần: bộ chọn (selector) và vùng mô tả (declaration block). Cú pháp: bộ chọn {thuộc tính: giá trị;}. Ví dụ: h1 {color: red;}.
Cách thiết lập CSS Có ba cách thiết lập CSS cho trang web: CSS trong (internal CSS): Đặt các mẫu định dạng bên trong thẻ tại phần head của tệp HTML. CSS ngoài (external CSS): Viết các mẫu định dạng trong tệp CSS riêng biệt (ví dụ tệp styles.css) và kết nối với tệp HTML bằng thẻ hoặc lệnh @import. CSS nội tuyến (inline CSS): Định dạng trực tiếp bên trong thẻ của phần tử HTML thông qua thuộc tính style.
Vai trò và ý nghĩa của CSS CSS giúp tách biệt nội dung trang web (HTML) và công việc định dạng, giúp giảm nhẹ công việc. Định dạng trang web một cách thống nhất, nhanh chóng và thuận tiện. Cho phép một mẫu định dạng được thiết lập một lần và áp dụng cho nhiều trang web.
II. KIẾN THỨC TRỌNG TÂM
CSS là công cụ hỗ trợ định dạng nội dung trang web chuyên nghiệp, độc lập với HTML.
Cấu trúc CSS gồm bộ chọn và vùng mô tả với các cặp thuộc tính và giá trị.
Có ba cách thiết lập CSS phổ biến: CSS trong, CSS ngoài và CSS nội tuyến.
CSS ngoài là phương pháp tối ưu khi muốn định dạng thống nhất cho nhiều trang web cùng lúc.
CSS giúp tăng tính chuyên nghiệp và tiết kiệm thời gian chỉnh sửa định dạng trang web.
III. BỐ CỤC SLIDE PPTX
Slide 1: KHÁI NIỆM, VAI TRÒ CỦA CSS Chủ đề 4, Bài 13
Slide 2: KHÁI NIỆM CSS CSS là ngôn ngữ định dạng độc lập dùng để thiết kế trang web
Slide 3: CẤU TRÚC MẪU CSS Gồm bộ chọn và vùng mô tả với cú pháp: bộ chọn {thuộc tính: giá trị;}
Slide 4: CÁC CÁCH THIẾT LẬP CSS CSS trong, CSS ngoài và CSS nội tuyến
Slide 5: THIẾT LẬP CSS NGOÀI Sử dụng tệp CSS riêng biệt kết nối với HTML qua thẻ link hoặc lệnh import
Slide 6: VAI TRÒ CỦA CSS Tách biệt nội dung và định dạng, giúp trình bày trang web thống nhất và chuyên nghiệp