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

Multiple Choice

CSS có thể được sử dụng để định dạng khung cho những đối tượng nào sau đây?

• Chỉ văn bản

• Chỉ hình ảnh

• Nhiều loại phần tử như văn bản, hình ảnh, bảng, v.v.

• Chỉ tiêu đề

Open Ended

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

Multiple Choice

Ý tưởng của CSS là gì và ai là người đã phát minh ra CSS?

• Tạo ra các mẫu định dạng riêng cho HTML, phát minh bởi Hakon Wium Lie

• Tạo ra các mẫu định dạng riêng cho HTML, phát minh bởi Tim Berners-Lee

• Tạo ra các mẫu định dạng riêng cho HTML, phát minh bởi Bill Gates

• Tạo ra các mẫu định dạng riêng cho HTML, phát minh bởi Steve Jobs

Open Ended

Hãy giải thích sự khác biệt giữa phần tử khối (block level) và phần tử nội tuyến (inline level) trong HTML.

Open Ended

Hãy nêu một ví dụ thực tế khi bạn cần sử dụng phần tử nội tuyến thay vì phần tử khối trong thiết kế web.

Multiple Choice

Những thẻ HTML nào sau đây là phần tử khối?

• div, h1-h6, p, table

• span, a, img, strong

• b, u, i, label

• input, textarea, br

Multiple Choice

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

• display

• position

• float

• margin

Fill in the Blank

Chiều rộng của các phần tử nội tuyến phụ thuộc vào ___ của phần văn bản bên trong phần tử đó.

Multiple Choice

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?

• Đúng

• Sai

• Chỉ đúng với một số trường hợp

• Không xác định

Fill in the Blank

Điền vào chỗ trống: Thuộc tính ___ dùng để thiết lập chiều cao của khung trong CSS.

Multiple Choice

Thuộc tính nào trong CSS dùng để thiết lập kiểu đường viền cho khung?

• border-style

• border-width

• border-color

• margin

Open Ended

Hãy giải thích sự khác biệt giữa thuộc tính padding và margin trong CSS.

Multiple Choice

Dựa vào ví dụ thiết lập khung bằng CSS, hãy cho biết thuộc tính nào không áp dụng cho phần tử nội tuyến (inline element)?

• width và height

• border-style và border-color

• margin và padding

• color và font-size

Multiple Choice

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ì?

• padding

• margin

• border

• width

Open Ended

Lề khung khác gì với vùng đệm?

Multiple Select

Chọn các câu đúng về bộ chọn class trong CSS:

• Có thể áp dụng cho nhiều phần tử HTML khác nhau.

• Tên class bắt đầu bằng dấu chấm (.) trong CSS.

• Một phần tử có thể có nhiều class.

• Class chỉ áp dụng cho thẻ

  .

Multiple Choice

Điểm khác biệt giữa bộ chọn class và bộ chọn id trong CSS là gì?

• Bộ chọn class áp dụng cho nhiều phần tử, bộ chọn id chỉ áp dụng cho một phần tử duy nhất.

• Bộ chọn class chỉ dùng cho thẻ

  , bộ chọn id dùng cho mọi thẻ.

Fill in the Blank

Thuộc tính nào sau đây dùng để xác định màu chữ trong CSS? Điền vào chỗ trống: color: ___;

Open Ended

CSS giúp ích gì khi định dạng các phần tử HTML?

Multiple Choice

Khi nào nên sử dụng bộ chọn thuộc tính trong CSS?

• Khi muốn định dạng các phần tử có thuộc tính cụ thể.

• Khi muốn định dạng tất cả các phần tử giống nhau.

• Khi muốn định dạng phần tử theo vị trí.

• Khi muốn định dạng phần tử theo màu sắc.

Multiple Select

Chọn tất cả các quy tắc đúng về đặt tên id và class trong CSS.

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

• Tên không được bắt đầu bằng số

• Tên không chứa dấu cách và ký tự đặc biệt

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

Multiple Choice

Tên của id và class trong CSS phân biệt như thế nào?

• Phân biệt chữ hoa và chữ thường

• Không phân biệt chữ hoa và chữ thường

• Chỉ phân biệt chữ cái đầu tiên

• Không phân biệt chữ cái

Fill in the Blank

Điền vào chỗ trống: Trong CSS, để xác định một nhóm các phần tử có cùng đặc điểm hoặc ý nghĩa, ta sử dụng thuộc tính ___.

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 'div#bat_dau > p' áp dụng cho trường hợp nào sau đây?

• Áp dụng cho tất cả các phần tử

  là con trực tiếp của

  có id là 'bat_dau'

Multiple Choice

Mã màu nào sau đây tương ứng với màu 'red' trong bảng tên màu CSS?

• #FF0000

• #00FF00

• #0000FF

• #FFFF00

Open Ended

Sau bài học này, bạn còn thắc mắc gì về cách 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ể chia sẻ một ví dụ thực tế về việc sử dụng CSS để định dạng khung văn bản mà bạn đã học được trong bài học hôm nay không?

Show answer

Auto Play

Slide 1 / 60

SLIDE

Fill in the Blank

Thuộc tính nào sau đây dùng để xác định màu chữ trong CSS? Điền vào chỗ trống: color: ___;

Open Ended

CSS giúp ích gì khi định dạng các phần tử HTML?

Multiple Choice

Khi nào nên sử dụng bộ chọn thuộc tính trong CSS?

• Khi muốn định dạng các phần tử có thuộc tính cụ thể.

• Khi muốn định dạng tất cả các phần tử giống nhau.

• Khi muốn định dạng phần tử theo vị trí.

• Khi muốn định dạng phần tử theo màu sắc.

Multiple Select

Chọn tất cả các quy tắc đúng về đặt tên id và class trong CSS.

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

• Tên không được bắt đầu bằng số

• Tên không chứa dấu cách và ký tự đặc biệt

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

Multiple Choice

Tên của id và class trong CSS phân biệt như thế nào?

• Phân biệt chữ hoa và chữ thường

• Không phân biệt chữ hoa và chữ thường

• Chỉ phân biệt chữ cái đầu tiên

• Không phân biệt chữ cái

Fill in the Blank

Điền vào chỗ trống: Trong CSS, để xác định một nhóm các phần tử có cùng đặc điểm hoặc ý nghĩa, ta sử dụng thuộc tính ___.

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 'div#bat_dau > p' áp dụng cho trường hợp nào sau đây?

• Áp dụng cho tất cả các phần tử

  là con trực tiếp của

  có id là 'bat_dau'

Multiple Choice

Mã màu nào sau đây tương ứng với màu 'red' trong bảng tên màu CSS?

• #FF0000

• #00FF00

• #0000FF

• #FFFF00

Open Ended

Sau bài học này, bạn còn thắc mắc gì về cách 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ể chia sẻ một ví dụ thực tế về việc sử dụng CSS để định dạng khung văn bản mà bạn đã học được trong bài học hôm nay không?

Multiple Choice

Mã màu nào sau đây tương ứng với màu 'red' trong bảng tên màu CSS?

• #FF0000

• #00FF00

• #0000FF

• #FFFF00

Open Ended

Sau bài học này, bạn còn thắc mắc gì về cách 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ể chia sẻ một ví dụ thực tế về việc sử dụng CSS để định dạng khung văn bản mà bạn đã học được trong bài học hôm nay không?