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

Open Ended

Theo bạn, việc định dạng khung trong văn bản có ý nghĩa gì đối với việc trình bày thông tin?

Multiple Choice

Đâu là lợi ích của việc sử dụng CSS để định dạng khung văn bản?

• Giúp văn bản dễ đọc hơn và chuyên nghiệp hơn

• Làm cho văn bản khó hiểu hơn

• Giảm tốc độ tải trang web

• Không ảnh hưởng đến giao diện trang web

Open Ended

Hãy giải thích tại sao việc sử dụng CSS để tạo mẫu định dạng riêng lại có lợi hơn so với việc định dạng trực tiếp từng thẻ HTML.

Multiple Choice

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

• Tim Berners-Lee

• Hakon Wium Lie

• Bill Gates

• Steve Jobs

Multiple Select

Chọn tất cả các phần tử HTML sau đây là phần tử khối (block level):

• h2

• span

• div

• p

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 Choice

Thuộc tính nào trong CSS dùng để thay đổi loại phần tử giữa block, inline và none?

• position

• display

• float

• visibility

Multiple Choice

Kiểu đường viền nào sau đây tạo hiệu ứng đường viền dạng chấm trong CSS?

• solid

• dotted

• dashed

• double

Multiple Select

Chọn tất cả các thuộc tính có thể dùng để thiết lập kiểu đường viền khung trong CSS.

• border-style

• border-width

• border-color

• border-radius

Open Ended

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

Multiple Choice

Trong CSS, thuộc tính nào dùng để thiết lập chiều rộng của khung?

• width

• height

• padding

• margin

Open Ended

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

Multiple Choice

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

• 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 cách sử dụng bộ chọn lớp (class) trong CSS để định dạng nhiều phần tử HTML khác nhau.

Multiple Select

Chọn các đặc điểm đúng về bộ chọn id trong CSS.

• Chỉ áp dụng cho một phần tử duy nhất trong HTML.

• Có thể áp dụng cho nhiều phần tử cùng loại.

• Được khai báo bằng dấu # trước tên id.

• Giúp định dạng riêng biệt cho từng phần tử.

Multiple Choice

Dựa vào ví dụ ở hai hình, hãy phân biệt sự khác nhau giữa bộ chọn lớp (class) và bộ chọn id trong CSS.

• Bộ chọn lớp dùng cho nhiều phần tử, bộ chọn id dùng cho một phần tử duy nhất.

• Bộ chọn lớp dùng cho một phần tử duy nhất, bộ chọn id dùng cho nhiều phần tử.

• Bộ chọn lớp và bộ chọn id đều dùng cho nhiều phần tử.

• Bộ chọn lớp và bộ chọn id đều dùng cho một phần tử duy nhất.

Open Ended

Bộ chọn thuộc tính trong CSS được sử dụng như thế nào? Hãy nêu ví dụ minh họa từ hình.

Multiple Choice

Điều kiện đặt tên cho id và class trong CSS là gì?

• Tên phải bắt đầu bằng số và có thể chứa dấu cách

• Tên phải phân biệt chữ hoa và chữ thường, không bắt đầu bằng số, không chứa dấu cách và ký tự đặc biệt

• Tên không phân biệt chữ hoa và chữ thường, có thể chứa ký tự đặc biệt

• Tên phải bắt đầu bằng 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 sau có ý nghĩa gì: div#bat_dau > p?

• Á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

Multiple Select

Chọn các đặc điểm đúng về bảng tên màu CSS cơ bản.

• Có 16 tên màu cơ bản

• Mỗi màu có mã hex riêng

• Mỗi màu có giá trị rgb riêng

• Chỉ có 10 màu cơ bản

Multiple Choice

Thuộc tính nào dùng để tạo đường viền cho bảng trong CSS?

• border

• background-color

• color

• padding

Fill in the Blanks

Open Ended

Bạn còn có thắc mắc nào về cách sử dụng CSS để định dạng khung hoặc muốn tìm hiểu thêm về chủ đề này không?

Open Ended

Bạn có thể tóm tắt lại những điểm chính về cách sử dụng CSS để định dạng khung văn bản mà bạn đã học trong bài học này không?

Multiple Select

Chọn các đặc điểm đúng về bảng tên màu CSS cơ bản.

• Có 16 tên màu cơ bản

• Mỗi màu có mã hex riêng

• Mỗi màu có giá trị rgb riêng

• Chỉ có 10 màu cơ bản

Multiple Choice

Thuộc tính nào dùng để tạo đường viền cho bảng trong CSS?

• border

• background-color

• color

• padding

Open Ended

Bạn còn có thắc mắc nào về cách sử dụng CSS để định dạng khung hoặc muốn tìm hiểu thêm về chủ đề này không?

Open Ended

Bạn có thể tóm tắt lại những điểm chính về cách sử dụng CSS để định dạng khung văn bản mà bạn đã học trong bài học này không?