Quan sát trang web trong hình 13.1 trả lời các câu hỏi sau:

● Mã nguồn trang web có những phần tử HTML nào?

● Định dạng các phần tử HTML này có đặc điểm chung nào?

● Có thể định dạng mẫu một lần để áp dụng mẫu đó cho nhiều phần tử HTML được không?

Hình 13.2 là mã nguồn của trang web trong Hình 13.1 em có nhận xét gì về cách thiết lập định dạng của trang này?

2. Em thấy gì từ đoạn mã nguồn trên?

Ngôn ngữ CSS có phải là HTML không?

Các mẫu định dạng CSS thường được mô tả như thế nào?

A. Trong một bảng.

B. Phải viết trên một hàng

C. Có thể viết trên nhiều hàng

Quan sát tìm hiểu và thảo luận về cấu trúc tổng quát của các mẫu định dạng CSS.

Nếu muốn thiết lập CSS để áp dụng cho toàn bộ tệp HTML thì làm cách nào?

Nếu muốn thiết lập CSS để có thể áp dụng đồng thời cho nhiều trang web thì làm cách nào?

Tìm hiểu thảo luận và trả lời các câu hỏi sau:

1. Nếu không dùng CSS thì các định dạng của trang web phải thực hiện theo cách nào?

2. Sử dụng CSS có những ưu điểm gì trong việc định dạng trang web?

Nếu muốn tất cả các đoạn văn bản của trang web có màu xanh (blue) thì cần thiết lập định dạng CSS như thế nào?

Giả sử có một định dạng CSS như sau:

h1, h2, h3 {border:  2px solid red;}

Hãy giải thích ý nghĩa của mẫu định dạng CSS trên.

Khẳng định “Ngôn ngữ định dạng CSS chính là ngôn ngữ HTML” là đúng hay sai?

Khẳng định “Có thể chỉ cần thay đổi thông tin của tệp CSS sẽ làm thay đổi định dạng của nhiều trang web thậm chí của cả một trang website” là đúng hay sai?

Trong các phần mềm soạn thảo văn bản thường có chức năng tạo các mẫu định dạng Style Sheet dùng để tạo khuôn cho các đoạn (paragraph) của văn bản. Em hãy trình bày sự giống nhau và tương thích của Style Sheet trong các phần mềm soạn thảo văn bản với CSS của trang web.

Thiết lập trang web với nội dung sau và định dạng trang bằng các mẫu CSS.