K12- Bài 16: Định dạng khung

Multiple Choice

Đâu là lợi ích của việc sử dụng CSS cho các bộ chọn khác nhau trong định dạng khung?

• Giúp tăng tốc độ tải trang web

• Tạo ra giao diện nhất quán và dễ quản lý

• Giảm chi phí phát triển web

• Tăng khả năng bảo mật cho website

Open Ended

Tại sao việc định dạng khung văn bản bằng CSS lại quan trọng trong thiết kế web?

Multiple Choice

Ai là người đã thiết lập ý tưởng của CSS vào năm 1994?

• Tim Berners-Lee

• Hakon Wium Lie

• Bill Gates

• Steve Jobs

Open Ended

Nêu sự khác biệt giữa phần tử khối và phần tử nội tuyến trong HTML.

Multiple Select

Chọn tất cả các thẻ HTML sau đây là phần tử khối:

• div

• span

• h2

• img

Open Ended

Giải thích ý nghĩa của việc sử dụng thuộc tính display: block cho phần tử span trong CSS.

Multiple Choice

Thuộc tính nào dùng để thay đổi loại phần tử trong CSS?

• color

• display

• border

• margin

Multiple Choice

Trong CSS, thuộc tính nào quyết định chiều rộng của phần tử khối?

• height

• width

• margin

• border

Multiple Select

Chọn tất cả các thuộc tính có thể áp dụng cho khung viền trong CSS.

• border-color

• border-width

• border-style

• border-radius

Open Ended

Hãy giải thích ý nghĩa của các thuộc tính padding, margin và border trong CSS.

Multiple Choice

Phần tử nội tuyến trong HTML có thể thiết lập chiều rộng và chiều cao bằng thuộc tính nào?

• width, height

• border, margin

• padding, border

• Không thể thiết lập

Multiple Choice

Lề khung (margin) và vùng đệm (padding) khác nhau như thế nào?

• Lề khung là khoảng cách từ khung đến các phần tử bên ngoài khung, vùng đệm là khoảng cách từ khung đến phần văn bản bên trong khung.

• Lề khung là khoảng cách từ khung đến phần văn bản bên trong khung, vùng đệm là khoảng cách từ khung đến các phần tử bên ngoài khung.

• Lề khung và vùng đệm đều là khoảng cách từ khung đến các phần tử bên ngoài khung.

• Lề khung và vùng đệm đều là khoảng cách từ khung đến phần văn bản bên trong khung.

Open Ended

Giải thích ý nghĩa của việc sử dụng bộ chọn lớp (class) trong CSS và cho ví dụ minh họa.

Multiple Choice

Những thuộc tính nào được áp dụng cho phần tử có class="test1 test2" trong ví dụ?

• color: blue, font-family: Courier New, font-size: 20px, text-indent: 15px

• color: blue, font-family: Verdana, font-size: 20px, text-indent: 15px

• color: green, font-family: Verdana, font-size: 20px, text-indent: 15px

• color: red, font-family: Courier New, font-size: 18px, text-indent: 15px

Open Ended

Hãy nêu ví dụ về cách sử dụng bộ chọn thuộc tính trong CSS và giải thích kết quả hiển thị.

Multiple Choice

Điều kiện nào sau đây đúng khi đặt tên cho id hoặc class trong CSS?

• Tên phải bắt đầu bằng số

• Tên có thể chứa dấu cách

• Tên phải có ít nhất một kí tự không phải là số

• Tên có thể chứa kí tự đặc biệt

Open Ended

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.

Multiple Choice

Bộ chọn CSS nào sau đây áp dụng cho tất cả các phần tử

là con trực tiếp của phần tử

có id là 'bat_dau'?

• div#bat_dau > p

• p.test em#p123

• div > p#bat_dau

• div.p123 > p

Multiple Choice

Màu nào sau đây có mã hex là #FF0000 trong bảng tên màu CSS?

• red

• blue

• green

• yellow

Open Ended

Hãy phân tích vai trò của các thẻ , , trong việc tạo bảng màu CSS dựa trên ví dụ ở hình.

Fill in the Blanks

Open Ended

Sau bài học này, bạn còn thắc mắc gì về việc sử dụng CSS để định dạng khung hoặc muốn tìm hiểu thêm về chủ đề nào không?

Open Ended

Bạn có thể nêu một ví dụ về cách sử dụng CSS để định dạng khung cho văn bản không?

Multiple Choice

Màu nào sau đây có mã hex là #FF0000 trong bảng tên màu CSS?

• red

• blue

• green

• yellow

Open Ended

Hãy phân tích vai trò của các thẻ , , trong việc tạo bảng màu CSS dựa trên ví dụ ở hình.

Open Ended

Sau bài học này, bạn còn thắc mắc gì về việc sử dụng CSS để định dạng khung hoặc muốn tìm hiểu thêm về chủ đề nào không?

Open Ended

Bạn có thể nêu một ví dụ về cách sử dụng CSS để định dạng khung cho văn bản không?