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...

1. Khái niệm mẫu định dạng css

Hoạt động 1: Tìm hiểu khái niệm và ý nghĩa của CSS

1. 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?


Trong đoạn mã nguồn ở Hình 13.2, chúng ta thấy rằng định dạng của trang web được thiết lập bằng CSS (Cascading Style Sheets). CSS là một ngôn ngữ độc lập với HTML, được sử dụng để định dạng và thiết kế trang web.

Trong Hình 13.3, chúng ta thấy ba mẫu định dạng CSS được ghi trong thẻ <style>...</style> trong phần tử <head>. Các mẫu định dạng này được áp dụng cho các phần tử HTML tương ứng trong trang web:

Mẫu định dạng đầu tiên (h1 {color: red;}) thiết lập màu chữ đỏ cho các phần tử <h1>.

Mẫu định dạng thứ hai (h1 {border: 2px solid blue;}) thiết lập một khung viền màu xanh có độ dày 2 pixel cho các phần tử <h1>.

Mẫu định dạng thứ ba (p {text-indent: 15px;}) thiết lập thụt đầu dòng vào 15 pixel cho tất cả các phần tử <p>.


Trắc nghiệm Tin học ứng dụng 12 Kết nối bài 13: Khái niệm, vai trò của CSS

Giải những bài tập khác

Bình luận

Giải bài tập những môn khác