Câu hỏi tự luận mức độ vận dụng cao Khoa học máy tính 12 cd bài 8: Làm quen với CSS

4. VẬN DỤNG CAO (3 CÂU)

Câu 1: Phân tích và tối ưu hóa một đoạn mã CSS để cải thiện hiệu suất tải trang?

Câu 2: Mô tả cách sử dụng thuộc tính font-family để thay đổi kiểu chữ trên trang web?

Câu 3: Phân tích ý nghĩa của thuộc tính display trong CSS và các giá trị phổ biến của nó như block, inline, và flex?


Câu 1:

- Phân tích: Kiểm tra các quy tắc CSS không cần thiết, loại bỏ các quy tắc trùng lặp và sử dụng các bộ chọn cụ thể hơn để giảm kích thước tệp CSS.

- Tối ưu hóa: Sử dụng CSS minification để giảm kích thước tệp, và gộp các tệp CSS lại với nhau để giảm số lượng yêu cầu HTTP.

Câu 2: 

body {

  font-family: 'Arial', sans-serif; /* Sử dụng font Arial, với sans-serif là font dự phòng */

}

Mô tả: font-family cho phép bạn chỉ định kiểu chữ cho văn bản trên trang web. Bạn có thể chỉ định nhiều kiểu chữ, trong đó kiểu chữ đầu tiên sẽ được ưu tiên. Nếu kiểu chữ đầu tiên không khả dụng, trình duyệt sẽ sử dụng kiểu chữ tiếp theo trong danh sách.

Câu 3:

*Ý nghĩa: display xác định cách mà phần tử được hiển thị trên trang web, có ảnh hưởng đến bố cục và cách mà các phần tử khác tương tác với nó.

*Các giá trị phổ biến:

+ block: Phần tử sẽ chiếm toàn bộ chiều rộng của không gian chứa và bắt đầu trên một dòng mới. Ví dụ: <div>, <h1>.

+ inline: Phần tử chỉ chiếm không gian cần thiết cho nội dung của nó và không bắt đầu trên một dòng mới. Ví dụ: <span>, <a>.

+ flex: Phần tử trở thành một phần tử flex container, cho phép bố trí các phần tử con theo chiều ngang hoặc chiều dọc một cách linh hoạt.


Bình luận

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