Giải Khoa học máy tính 12 Kết nối bài 16: Định dạng khung

Giải bài 16: Định dạng khung sách Khoa học máy tính 12 kết nối tri thức. Phần đáp án chuẩn, hướng dẫn giải chi tiết cho từng bài tập có trong chương trình học của sách giáo khoa. Hi vọng, các em học sinh hiểu và nắm vững kiến thức môn Khoa học máy tính 12 kết nối tri thức chương trình mới

B. Bài tập và hướng dẫn giải

KHỞI ĐỘNG

Trên một số trang web thường có rất nhiều phần tử cùng loại (cùng tên thẻ). Ví dụ thẻ p sẽ tương ứng với rất nhiều phần tử của trang web. Một định dạng với bộ chọn p sẽ áp dụng cho tất cả các thẻ p. Nếu muốn phân biệt các thẻ p với nhau và muốn tạo ra các CSS để phân biệt các thẻ p thì có thể thực hiện không?

I. PHÂN LOẠI PHẦN TỬ KHỐI VÀ NỘI TUYẾN

Hoạt động 1: Tìm hiểu và phân biệt phần tử khối và phần tử nội tuyến

Quan sát cách tô màu nên của hai phần tử trên trang web trong Hình 16.1, em có nhận xét gì?

Câu hỏi 1: Chiều rộng của các phần tử nội tuyến phụ thuộc vào những yếu tố nào? Có phụ thuộc vào chiều rộng của cửa sổ trình duyệt không?

Câu hỏi 2: Khẳng định “Chiều rộng của các phần tử khối chỉ phụ thuộc vào kích thước cửa sổ trình duyệt” là đúng hay sai?

2. THIẾT LẬP ĐỊNH DẠNG KHUNG BẰNG CSS

Hoạt động 2: Tìm hiểu cách thiết lập định dạng khung cho các phần tử:

Quan sát Hình 16.3 để biết các thông số chính của khung của phần tử HTML để có thể hiểu được cách thiết lập khung, viền bằng CSS.

Câu hỏi 1: Trong các thuộc tính khung của một phần tử HTML, khoảng cách tử vùng văn bản đến đường viện khung được gọi là gì? 

Câu hỏi 2: Lề khung khác gì với vùng đệm?

3. MỘT SỐ BỘ CHỌN ĐẶC BIỆT CỦA CSS

Hoạt động 3: Tìm hiểu một số cách thiết lập các bộ chọn đặc biệt khác.

Thảo luận, tìm hiểu thêm cách thiết lập bộ chọn đặc biệt của CSS và trả lời các câu hỏi sau:

1. Có thể đặt mẫu định dạng cho các thẻ với thuộc tính cho trước được không?

2. Có thể thiết lập các mẫu định dạng khác nhau cho cùng một loại phần tử giống nhau được không? Nếu có thì thực hiện bằng cách nào?

Câu 1: Nêu sự khác biệt cơ bản giữa thuộc tính id và class của các phần tử HTML.

Câu 2: Mỗi bộ chọn sau có ý nghĩa gì?

a) div#bat_dau >p

b) p.test em#p123

LUYỆN TẬP

Câu 1: Phần tử html có thể ẩn đi trên trang web được không? Nếu có thì dùng lệnh CSS gì?

VẬN DỤNG

Câu 1: Giả sử nội dung trang web của em có rất nhiều thẻ p, trong đó có ba đoạn mà em thấy quan trọng nhất, kí hiệu các đoạn này là P1, P2, P3. Có cách nào thiết lập định dạng CSS để có thể định dạng P1 khác biệt, P2 và P3 có cùng kiểu và cũng khác biệt không? Tất cả các đoạn còn lại có định dạng giống nhau. Hãy nêu cách giải quyết vấn đề của em.

Câu 2: Có thể thiết lập định dạng cho các khung với thông số khung, viền trên, dưới, trái, phải khác nhau được không? Em hãy tìm hiểu và trình bày cách thiết lập định dạng CSS cho các khung, viền như vậy.

Từ khóa tìm kiếm:

Giải SGK Khoa học máy tính 12 kết nối tri thức, Giải chi tiết Khoa học máy tính 12 kết nối tri thức mới, Giải Khoa học máy tính 12 kết nối tri thức bài 16: Định dạng khung

Bình luận

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