Bộ 30+ Câu hỏi trắc nghiệm online Đồ hoạ Web – Bộ số 4

Thuộc tính `cursor` trong CSS được sử dụng để thay đổi hình dạng con trỏ chuột khi di chuyển qua một phần tử, trong khi các thuộc tính khác không tồn tại hoặc không có chức năng tương tự; do đó `cursor` là đáp án đúng. Kết luận Lý giải: cursor.

Thuộc tính `opacity` trong CSS được sử dụng để thiết lập mức độ trong suốt của một phần tử, trong khi `visibility` chỉ ẩn hoặc hiện phần tử, `filter` áp dụng các hiệu ứng hình ảnh, và `transparent` thường được sử dụng cho màu sắc; do đó `opacity` là đáp án đúng. Kết luận Lý giải: opacity.

Thuộc tính `filter` trong CSS, kết hợp với hàm `blur()`, được sử dụng để tạo hiệu ứng mờ cho hình ảnh, còn `opacity` điều chỉnh độ trong suốt, `blur` không phải là thuộc tính CSS độc lập, và `visibility` ẩn hoặc hiện phần tử; do đó `filter` là đáp án đúng. Kết luận Lý giải: filter.

Thuộc tính `text-transform` trong CSS được sử dụng để thay đổi chữ hoa chữ thường của văn bản, bao gồm cả việc làm cho văn bản in hoa toàn bộ (uppercase), còn `font-variant` liên quan đến các biến thể phông chữ, `font-style` xác định kiểu phông chữ (ví dụ: italic), và `text-decoration` thêm gạch chân hoặc các hiệu ứng trang trí khác; do đó `text-transform` là đáp án đúng. Kết luận Lý giải: text-transform.

Thuộc tính `border-radius` trong CSS cho phép bạn làm tròn các góc của một phần tử, trong khi các thuộc tính khác không tồn tại hoặc không có chức năng tương tự; do đó `border-radius` là đáp án đúng. Kết luận Lý giải: border-radius.

Thuộc tính `vertical-align` trong CSS được sử dụng để căn chỉnh văn bản theo chiều dọc trong một phần tử, trong khi `text-align` căn chỉnh theo chiều ngang, `line-height` điều chỉnh chiều cao dòng, và `align-items` được sử dụng trong flexbox layout; do đó `vertical-align` là đáp án đúng. Kết luận Lý giải: vertical-align.

Thuộc tính `letter-spacing` trong CSS được dùng để điều chỉnh khoảng cách giữa các ký tự, còn `word-spacing` điều chỉnh khoảng cách giữa các từ, `line-height` là chiều cao dòng và `text-indent` là thụt đầu dòng; do đó `letter-spacing` là đáp án đúng. Kết luận Lý giải: letter-spacing.

Thuộc tính `background-repeat` trong CSS được sử dụng để xác định cách hình nền lặp lại (hoặc không lặp lại), trong khi `background-position` xác định vị trí, `background-size` xác định kích thước, và `background-origin` xác định điểm bắt đầu; do đó `background-repeat` là đáp án đúng. Kết luận Lý giải: background-repeat.

Các CSS framework như Bootstrap hoặc Foundation cung cấp các thành phần giao diện người dùng (UI) được xây dựng sẵn và bố cục đáp ứng, giúp tăng tốc quá trình phát triển và đảm bảo tính nhất quán, các tùy chọn khác không phải là lợi ích chính; do đó Cung cấp các thành phần giao diện người dùng (UI) được xây dựng sẵn và bố cục đáp ứng là đáp án đúng. Kết luận Lý giải: Cung cấp các thành phần giao diện người dùng (UI) được xây dựng sẵn và bố cục đáp ứng.

Thuộc tính `padding` trong CSS được sử dụng để thêm khoảng trắng xung quanh nội dung của một phần tử, bên trong đường viền, còn `margin` thêm khoảng trắng bên ngoài đường viền, `border` xác định đường viền, và `spacing` không phải là thuộc tính CSS chuẩn; do đó `padding` là đáp án đúng. Kết luận Lý giải: padding.

PNG (Portable Network Graphics) thường được sử dụng cho các biểu tượng trên web vì nó hỗ trợ độ trong suốt alpha tốt hơn so với GIF và có chất lượng hình ảnh cao hơn JPEG cho các hình ảnh có ít màu; do đó PNG là đáp án đúng. Kết luận Lý giải: PNG.

Giá trị âm cho thuộc tính `margin` sẽ làm cho phần tử di chuyển ra khỏi vị trí thông thường của nó, có thể gây ra sự chồng chéo hoặc thay đổi bố cục, các tùy chọn khác không mô tả đúng hành vi này; do đó Phần tử sẽ di chuyển ra khỏi vị trí thông thường của nó là đáp án đúng. Kết luận Lý giải: Phần tử sẽ di chuyển ra khỏi vị trí thông thường của nó.

Thuộc tính `text-shadow` trong CSS được sử dụng để thêm bóng vào văn bản, còn `box-shadow` dùng cho các phần tử HTML khác, và không có thuộc tính CSS nào tên là `shadow` hay `text-effect`; do đó `text-shadow` là đáp án đúng. Kết luận Lý giải: text-shadow.

Flexbox (Flexible Box Layout) là một mô hình bố cục CSS được thiết kế để tạo ra các bố cục linh hoạt và dễ dàng điều chỉnh, trong khi `float` và `position` là các phương pháp bố cục cũ hơn và `grid` là một mô hình bố cục hai chiều mạnh mẽ khác; do đó `flexbox` là đáp án đúng. Kết luận Lý giải: flexbox.

Thuộc tính `line-height` trong CSS được sử dụng để kiểm soát khoảng cách giữa các dòng văn bản, còn `word-spacing` điều chỉnh khoảng cách giữa các từ, `letter-spacing` điều chỉnh khoảng cách giữa các ký tự, và `text-spacing` không phải là thuộc tính CSS chuẩn; do đó `line-height` là đáp án đúng. Kết luận Lý giải: line-height.

Thuộc tính `transition` trong CSS cho phép tạo hiệu ứng chuyển đổi mượt mà giữa các trạng thái khác nhau của một phần tử, trong khi `animation` cho phép tạo các hiệu ứng động phức tạp hơn, `transform` thay đổi hình dạng hoặc vị trí, và `effect` không phải là thuộc tính CSS chuẩn; do đó `transition` là đáp án đúng. Kết luận Lý giải: transition.

Thuộc tính `overflow-wrap` (trước đây là `word-wrap`) trong CSS được sử dụng để chỉ định cách văn bản được ngắt dòng khi nó vượt quá chiều rộng của phần tử chứa, còn `text-overflow` xác định cách hiển thị văn bản bị tràn, `word-break` xác định cách ngắt từ, và `white-space` xác định cách xử lý khoảng trắng; do đó `overflow-wrap` là đáp án đúng. Kết luận Lý giải: overflow-wrap.

Ảnh vector có thể масштабировать (scale) mà không bị mất chất lượng, điều này làm cho chúng lý tưởng cho các biểu tượng, logo và hình minh họa đơn giản, trong khi ảnh raster phù hợp hơn cho ảnh chụp và hình ảnh phức tạp; do đó khi cần hình ảnh có thể масштабировать (scale) mà không bị mất chất lượng là đáp án đúng. Kết luận Lý giải: Khi cần hình ảnh có thể масштабировать (scale) mà không bị mất chất lượng.

Thuộc tính `z-index` trong CSS được sử dụng để xác định thứ tự xếp chồng của các phần tử được định vị, trong khi `order` thường được sử dụng trong flexbox và grid layout, `stack` không phải là thuộc tính CSS hợp lệ, và `position` xác định kiểu định vị; do đó `z-index` là đáp án đúng. Kết luận Lý giải: z-index.

`display: none;` loại bỏ phần tử khỏi luồng tài liệu, trong khi `visibility: hidden;` chỉ ẩn nó nhưng vẫn giữ chỗ, các tùy chọn khác mô tả sai sự khác biệt này; do đó `display: none;` ẩn phần tử và loại bỏ nó khỏi luồng tài liệu, trong khi `visibility: hidden;` chỉ ẩn phần tử nhưng vẫn giữ chỗ của nó trong bố cục là đáp án đúng. Kết luận Lý giải: `display: none;` ẩn phần tử và loại bỏ nó khỏi luồng tài liệu, trong khi `visibility: hidden;` chỉ ẩn phần tử nhưng vẫn giữ chỗ của nó trong bố cục.

Thuộc tính `background-color` trong CSS được sử dụng để chỉ định màu nền của một phần tử, còn `color` xác định màu chữ, và các thuộc tính khác không tồn tại hoặc không có chức năng tương tự; do đó `background-color` là đáp án đúng. Kết luận Lý giải: background-color.

Thiết kế đáp ứng (responsive design) sử dụng các truy vấn phương tiện (media queries) và bố cục linh hoạt để điều chỉnh trang web cho phù hợp với kích thước màn hình khác nhau, trong khi các phương pháp khác không hiệu quả bằng; do đó Sử dụng thiết kế đáp ứng (responsive design) là đáp án đúng. Kết luận Lý giải: Sử dụng thiết kế đáp ứng (responsive design).

Thuộc tính `border-width` trong CSS được sử dụng để xác định độ dày của đường viền, trong khi `border-color` xác định màu sắc, `border-style` xác định kiểu dáng (ví dụ: solid, dashed), và `border-radius` xác định độ cong của góc; do đó `border-width` là đáp án đúng. Kết luận Lý giải: border-width.

Các đơn vị tuyệt đối trong CSS bao gồm px (pixel), pt (point), pc (pica), in (inch), cm (centimeter), và mm (millimeter), trong khi em là đơn vị tương đối dựa trên kích thước phông chữ hiện tại; do đó em không phải là đơn vị tuyệt đối. Kết luận Lý giải: em.

Thuộc tính `background-size` trong CSS được sử dụng để chỉ định kích thước của hình nền, còn `background-position` xác định vị trí, `background-repeat` xác định cách hình nền lặp lại, và `background-origin` xác định điểm bắt đầu; do đó `background-size` là đáp án đúng. Kết luận Lý giải: background-size.

CSS sprites kết hợp nhiều hình ảnh nhỏ thành một hình ảnh lớn, giúp giảm số lượng yêu cầu HTTP đến máy chủ và tăng tốc độ tải trang, trong khi các tùy chọn khác không phải là lợi ích chính; do đó giảm số lượng yêu cầu HTTP đến máy chủ là đáp án đúng. Kết luận Lý giải: Giảm số lượng yêu cầu HTTP đến máy chủ.

Giá trị `fixed` của thuộc tính `position` loại bỏ phần tử khỏi luồng tài liệu và cố định nó tại một vị trí trên màn hình, ngay cả khi người dùng cuộn trang, trong khi `relative` định vị tương đối so với vị trí ban đầu, `absolute` định vị tương đối so với phần tử cha gần nhất đã được định vị, và `static` là vị trí mặc định; do đó `fixed` là đáp án đúng. Kết luận Lý giải: fixed.

Phần tử `inline` không cho phép thiết lập chiều cao và chiều rộng, trong khi `inline-block` cho phép, các tùy chọn khác mô tả sai sự khác biệt giữa hai thuộc tính này; do đó `inline` không thể có chiều cao và chiều rộng được chỉ định, trong khi `inline-block` có thể là đáp án đúng. Kết luận Lý giải: `inline` không thể có chiều cao và chiều rộng được chỉ định, trong khi `inline-block` có thể.

`em` dựa trên kích thước phông chữ của phần tử hiện tại, trong khi `rem` dựa trên kích thước phông chữ của phần tử gốc, điều này giúp tránh các vấn đề về kế thừa kích thước phông chữ; do đó `em` dựa trên kích thước phông chữ của phần tử hiện tại, trong khi `rem` dựa trên kích thước phông chữ của phần tử gốc là đáp án đúng. Kết luận Lý giải: `em` dựa trên kích thước phông chữ của phần tử hiện tại, trong khi `rem` dựa trên kích thước phông chữ của phần tử gốc.

Thuộc tính `alt` cung cấp văn bản thay thế cho hình ảnh nếu hình ảnh không thể tải được, giúp cải thiện khả năng truy cập và SEO, trong khi các tùy chọn khác không phải là mục đích chính; do đó Để cung cấp văn bản thay thế cho hình ảnh nếu nó không tải được là đáp án đúng. Kết luận Lý giải: Để cung cấp văn bản thay thế cho hình ảnh nếu nó không tải được.