BÀI 8 - LÀM QUEN VỚI CSS (CÁNH DIỀU

Bài 8 - Làm quen với CSS (Cánh diều - cs & ict)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Cánh diều). Bài này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (CS) và Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động	Luyện tập
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 68):

Theo em, làm thế nào để trình bày các đoạn văn, tiêu đề, nhãn trong trang web có cùng màu chữ?

Gợi ý trả lời:

Để trình bày các đoạn văn, tiêu đề, nhãn trong trang web có cùng màu chữ, sử dụng CSS để thiết lập màu sắc thống nhất.

Hoạt động (trang 70):

Em hãy nêu một số thuộc tính định dạng cho đoạn văn bản mà em đã dùng trong hệ soạn thảo văn bản Microsoft Word.

Gợi ý trả lời:

- Font chữ: Times New Roman, Arial, Calibri, ...
- Cỡ chữ: Tăng hoặc giảm kích thước chữ
- Màu chữ: Đổi màu chữ theo ý muốn
- In đậm (Bold - Ctrl + B)
- In nghiêng (Italic - Ctrl + I)
- Gạch chân (Underline - Ctrl + U)
- ...

Luyện tập (trang 73):

Em hãy soạn văn bản HTML có hai đoạn văn bản được tạo bởi phần tử p. Khai báo và áp dụng internal CSS để trình bày trang web có nền màu xanh lơ (cyan); đoạn văn bản có chữ màu đỏ, phông chữ Arial, cỡ chữ 15 pixel.

Gợi ý viết code:

Vận dụng (trang 73):

Em hãy chuyển các khai báo internal CSS trong mục Luyện tập thành khai báo external CSS ghi lưu với tên tệp "styles.css", tạo mới văn bản HTML để áp dụng bảng định dạng styles.css này.

Gợi ý viết code:

Lưu nội dung sau vào tệp styles.css:

Lưu nội dung sau vào tệp index.html và liên kết với styles.css:

Câu hỏi tự kiểm tra (trang 73):

Mỗi phát biểu sau đây về CSS là đúng hay sai?
a) Sử dụng CSS giúp tách biệt khai báo nội dung với định dạng và trang trí trang web.
b) Để áp dụng CSS, trong văn bản HTML phải khai báo tham chiếu đến tệp CSS.
c) Sử dụng external CSS giúp cho nhiều trang web trong một website có thể dùng chung kiểu định dạng và trang trí.
d) Khai báo CSS sử dụng bộ chọn phần tử: P{color=red; font-size:20px;} là đúng cú pháp.

Gợi ý trả lời:

a) Đúng. CSS giúp tách biệt nội dung (HTML) với định dạng (CSS), giúp dễ dàng quản lý và chỉnh sửa giao diện trang web mà không ảnh hưởng đến nội dung.
b) Sai. Không nhất thiết phải khai báo tham chiếu đến tệp CSS để áp dụng CSS. Có thể sử dụng CSS theo 3 cách:
- Internal CSS (khai báo trong thẻ <style> bên trong HTML).
- External CSS (tham chiếu đến tệp CSS bên ngoài).
- Inline CSS (viết trực tiếp trong thẻ HTML với style="").
c) Đúng. External CSS giúp nhiều trang web trong cùng một website dùng chung định dạng, giúp quản lý dễ dàng và nhất quán về giao diện.
d) Sai. Cú pháp đúng của bộ chọn phần tử là: