Đề Trắc nghiệm Tin học 12 – Bài F7: Giới thiệu CSS (Chân Trời Sáng Tạo)

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 01

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 01 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: CSS là viết tắt của cụm từ nào trong lĩnh vực phát triển web?

  • A. Cascading Style Sheets
  • B. Computer Style Syntax
  • C. Creative Styling Solutions
  • D. Content Style Structure

Câu 2: Vai trò chính của CSS trong việc xây dựng một trang web là gì?

  • A. Xác định nội dung và cấu trúc ngữ nghĩa của trang web.
  • B. Xử lý các tương tác động và logic phía người dùng trên trang web.
  • C. Định dạng, trình bày bố cục và giao diện cho các phần tử HTML.
  • D. Quản lý dữ liệu và xử lý logic phía máy chủ của ứng dụng web.

Câu 3: Lợi ích quan trọng nhất của việc tách biệt HTML (cấu trúc) và CSS (trình bày) trong phát triển web là gì?

  • A. Giảm thiểu hoàn toàn việc sử dụng mã HTML.
  • B. Tăng tốc độ xử lý logic trên máy chủ.
  • C. Cho phép người dùng cuối chỉnh sửa giao diện trực tiếp.
  • D. Giúp mã nguồn dễ bảo trì, cập nhật và tái sử dụng hiệu quả hơn.

Câu 4: Để áp dụng một bộ quy tắc CSS cho tất cả các trang trên một website lớn và dễ dàng thay đổi giao diện chung, phương pháp nào sau đây là hiệu quả nhất?

  • A. Chèn mã CSS trực tiếp vào thuộc tính `style` của từng thẻ HTML (Inline CSS).
  • B. Đặt mã CSS trong thẻ `
0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 02

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 02 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: Bạn có một đoạn mã HTML sau: `

Tiêu đề chính

`. Bạn muốn đổi màu chữ của tiêu đề này thành màu xanh dương bằng cách sử dụng CSS. Quy tắc CSS nào sau đây sẽ đạt được điều đó?

  • A. h1 { text-color: blue; }
  • B.

  • C. h1 { color: blue; }
  • D. .h1 { color: blue; }

Câu 2: Một trang web lớn có hàng trăm trang HTML. Bạn muốn đảm bảo tất cả các tiêu đề cấp 2 (`

`) trên toàn bộ trang web đều có màu tím và cỡ chữ 24px. Phương pháp bổ sung CSS nào hiệu quả nhất để đạt được mục tiêu này và tại sao?

  • A. Chèn CSS trực tiếp vào thuộc tính `style` của từng thẻ `

    ` trên mỗi trang, vì cách này ưu tiên cao nhất.

  • B. Sử dụng thẻ `

    ` đặt trong phần `` của tài liệu HTML.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 02

Câu 19: Phân tích quy tắc CSS sau: `body { background-color: lightblue; }`. Quy tắc này sẽ áp dụng kiểu gì cho phần tử nào?

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 02

Câu 20: Nếu bạn có một quy tắc CSS định nghĩa màu chữ cho thẻ `

` trong tệp CSS ngoài, và một quy tắc khác định nghĩa màu chữ cho cùng thẻ `

` bằng Inline CSS trên một phần tử cụ thể. Quy tắc nào sẽ được ưu tiên áp dụng cho phần tử đó?

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 02

Câu 29: Bạn muốn đặt khoảng trống (padding) 10 pixel xung quanh nội dung bên trong tất cả các phần tử `

`. Thuộc tính CSS nào được sử dụng cho mục đích này?

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 02

Câu 30: Khi sử dụng External CSS, tệp CSS riêng biệt thường có phần mở rộng là gì?

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 03

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 03 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: Bạn đang xây dựng một trang web HTML đơn giản và muốn định dạng màu sắc, phông chữ cho các tiêu đề và đoạn văn bản. Công nghệ nào được thiết kế đặc biệt để xử lý việc trình bày và bố cục của các phần tử HTML trên trang web?

  • A. HTML (HyperText Markup Language)
  • B. JavaScript
  • C. CSS (Cascading Style Sheets)
  • D. SQL (Structured Query Language)

Câu 2: Mục tiêu chính của việc sử dụng CSS trong thiết kế web hiện đại là gì?

  • A. Tạo nội dung tương tác và động cho trang web.
  • B. Định nghĩa cấu trúc và ý nghĩa ngữ nghĩa của nội dung.
  • C. Xử lý dữ liệu trên máy chủ trước khi gửi đến trình duyệt.
  • D. Kiểm soát giao diện, bố cục và cách hiển thị của các phần tử HTML.

Câu 3: Bạn có một trang web lớn với hàng chục trang HTML, tất cả đều cần áp dụng cùng một bộ quy tắc định dạng (ví dụ: màu nền, phông chữ chính). Phương pháp nhúng CSS nào sau đây mang lại hiệu quả cao nhất về khả năng tái sử dụng và dễ dàng cập nhật đồng bộ?

  • A. Sử dụng thuộc tính `style` trực tiếp trong từng thẻ HTML.
  • B. Sử dụng thẻ `
0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 04

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 04 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: Ngôn ngữ CSS (Cascading Style Sheets) ra đời nhằm mục đích chính nào trong việc phát triển trang web?

  • A. Xử lý các tương tác phức tạp của người dùng trên trang web.
  • B. Định nghĩa cấu trúc ngữ nghĩa và nội dung của trang web.
  • C. Định dạng, trình bày bố cục và giao diện cho các phần tử HTML.
  • D. Quản lý cơ sở dữ liệu và xử lý dữ liệu từ biểu mẫu.

Câu 2: Trong mô hình phát triển web hiện đại, việc sử dụng CSS mang lại lợi ích nào sau đây liên quan đến hiệu quả làm việc và bảo trì?

  • A. Giúp tạo ra nội dung động và cập nhật tự động.
  • B. Loại bỏ hoàn toàn nhu cầu sử dụng HTML.
  • C. Làm tăng kích thước tệp tin trang web, giúp lưu trữ nhiều thông tin hơn.
  • D. Tách biệt nội dung và hình thức, giúp dễ dàng thay đổi giao diện mà không cần sửa đổi cấu trúc HTML.

Câu 3: Giả sử bạn muốn tất cả các đoạn văn (thẻ `

`) trên trang web của mình có màu chữ là xanh dương. Bạn nên sử dụng phương pháp bổ sung CSS nào để đạt được tính nhất quán và dễ quản lý nhất cho toàn bộ trang web (hoặc nhiều trang)?

  • A. Chèn trực tiếp thuộc tính `style="color: blue;"` vào từng thẻ `

    `.

  • B. Sử dụng thẻ `

    `. Đây là ví dụ về cách bổ sung CSS nào?

    • A. CSS nội dòng (Inline CSS).
    • B. CSS nội bộ (Internal CSS).
    • C. CSS ngoài (External CSS).
    • D. CSS liên kết (Linked CSS) - trùng với ngoài.

Câu 7: Phương pháp bổ sung CSS nào thường được sử dụng để áp dụng một kiểu duy nhất cho một phần tử cụ thể mà không ảnh hưởng đến các phần tử cùng loại khác?

  • A. CSS nội dòng (Inline CSS).
  • B. CSS nội bộ (Internal CSS).
  • C. CSS ngoài (External CSS).
  • D. Kết hợp CSS nội bộ và ngoài.

Câu 8: Cú pháp cơ bản của một quy tắc CSS bao gồm những thành phần nào?

  • A. Thẻ HTML và thuộc tính.
  • B. Tên tệp và nội dung.
  • C. URL và tham số.
  • D. Bộ chọn (selector) và khối khai báo (declaration block) chứa các cặp thuộc tính: giá trị.

Câu 9: Trong đoạn mã CSS `p { color: red; font-size: 16px; }`, thành phần `p` được gọi là gì?

  • A. Bộ chọn (Selector).
  • B. Thuộc tính (Property).
  • C. Giá trị (Value).
  • D. Khai báo (Declaration).

Câu 10: Trong đoạn mã CSS `p { color: red; font-size: 16px; }`, thành phần `color` và `font-size` được gọi là gì?

  • A. Bộ chọn (Selector).
  • B. Thuộc tính (Property).
  • C. Giá trị (Value).
  • D. Khai báo (Declaration).

Câu 11: Trong đoạn mã CSS `p { color: red; font-size: 16px; }`, thành phần `red` và `16px` được gọi là gì?

  • A. Bộ chọn (Selector).
  • B. Thuộc tính (Property).
  • C. Giá trị (Value).
  • D. Khai báo (Declaration).

Câu 12: Trong đoạn mã CSS `p { color: red; font-size: 16px; }`, toàn bộ phần `{ color: red; font-size: 16px; }` được gọi là gì?

  • A. Bộ chọn (Selector).
  • B. Thuộc tính (Property).
  • C. Giá trị (Value).
  • D. Khối khai báo (Declaration block).

Câu 13: Lợi ích nào của CSS giúp trang web hiển thị tốt trên nhiều loại thiết bị khác nhau như máy tính, máy tính bảng và điện thoại thông minh?

  • A. Tăng tốc độ xử lý của máy chủ.
  • B. Hỗ trợ thiết kế đáp ứng (Responsive Design) và tương thích đa thiết bị.
  • C. Tự động dịch nội dung sang ngôn ngữ khác.
  • D. Giúp nén hình ảnh và video.

Câu 14: Giả sử bạn có một trang web với nhiều tiêu đề cấp 2 (`

`). Bạn muốn tất cả các tiêu đề này có màu chữ là xanh lá cây và căn giữa. Đoạn mã CSS nội bộ hoặc ngoài nào sau đây thực hiện được điều đó một cách hiệu quả nhất?

  • A. ```css
    h2 {
    color: green;
    text-align: center;
    }
    ```
  • B. ```css
    .h2 {
    color: green;
    text-align: center;
    }
    ```
  • C. ```css
    #h2 {
    color: green;
    text-align: center;
    }
    ```
  • D. ```css
    h2:all {
    color: green;
    text-align: center;
    }
    ```

Câu 15: Khi sử dụng CSS ngoài (External CSS), thẻ HTML nào được đặt trong phần `` của tài liệu HTML để liên kết tệp CSS?

  • A. `

    `. Đây là ví dụ về cách bổ sung CSS nào?

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 05

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 05 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: CSS (Cascading Style Sheets) đóng vai trò chính nào trong việc xây dựng một trang web hiện đại?

  • A. Định nghĩa cấu trúc và nội dung của trang web.
  • B. Xử lý các tương tác và logic phía người dùng.
  • C. Kiểm soát giao diện và cách trình bày các phần tử HTML.
  • D. Quản lý cơ sở dữ liệu và xử lý logic phía máy chủ.

Câu 2: Tách biệt giữa nội dung (HTML) và trình bày (CSS) mang lại lợi ích đáng kể nào cho người phát triển web?

  • A. Giúp dễ dàng thay đổi giao diện của toàn bộ trang web mà không cần sửa đổi cấu trúc HTML.
  • B. Làm cho mã HTML trở nên phức tạp hơn nhưng an toàn hơn.
  • C. Bắt buộc phải sử dụng JavaScript để xử lý giao diện.
  • D. Chỉ áp dụng được cho các trang web tĩnh, không có nội dung động.

Câu 3: Xem xét đoạn mã HTML và CSS sau:
HTML: `

Đây là một đoạn văn.

`
CSS: `p { color: blue; font-size: 16px; }`
Đoạn văn bản trong thẻ `

` sẽ hiển thị như thế nào?

  • A. Màu chữ mặc định và kích thước 12px.
  • B. Màu chữ xanh dương và kích thước 16px.
  • C. Màu chữ xanh dương và kích thước mặc định.
  • D. Màu chữ mặc định và kích thước 16px.

Câu 4: Phương pháp nào để thêm CSS vào trang web được xem là tốt nhất để áp dụng cùng một kiểu dáng cho nhiều trang HTML khác nhau và giúp việc bảo trì dễ dàng nhất?

  • A. Sử dụng thuộc tính `style` trực tiếp trong thẻ HTML (Inline Style).
  • B. Sử dụng thẻ `
0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 06

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 06 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: CSS (Cascading Style Sheets) đóng vai trò chính nào trong việc xây dựng trang web?

  • A. Định nghĩa cấu trúc và nội dung của trang web.
  • B. Xử lý các tương tác động và logic nghiệp vụ phía máy chủ.
  • C. Trình bày bố cục, màu sắc, phông chữ và các yếu tố hình thức khác của trang web.
  • D. Quản lý cơ sở dữ liệu và thông tin người dùng.

Câu 2: Lợi ích đáng kể nhất của việc sử dụng CSS riêng biệt (external CSS file) cho nhiều trang web là gì?

  • A. Làm cho tốc độ tải trang ban đầu nhanh hơn đáng kể.
  • B. Chỉ cho phép áp dụng kiểu cho một phần tử HTML duy nhất.
  • C. Tự động tạo nội dung cho trang web dựa trên kiểu dáng.
  • D. Dễ dàng tái sử dụng cùng một bộ kiểu dáng cho nhiều trang HTML và quản lý tập trung.

Câu 3: Bạn muốn đặt màu nền cho toàn bộ trang web là màu xanh nhạt. Phương pháp bổ sung CSS nào sau đây thường được coi là phù hợp nhất và hiệu quả nhất cho mục đích này trong một dự án website có nhiều trang?

  • A. Chèn thuộc tính `style` trực tiếp vào thẻ `` trên mỗi trang.
  • B. Sử dụng thẻ `
0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 07

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 07 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: Vai trò cốt lõi của CSS trong việc xây dựng trang web hiện đại là gì?

  • A. Định nghĩa cấu trúc và nội dung của trang web.
  • B. Tạo ra các chức năng tương tác và hiệu ứng động phức tạp.
  • C. Kiểm soát cách các phần tử HTML được hiển thị trên trình duyệt.
  • D. Quản lý cơ sở dữ liệu và lưu trữ thông tin người dùng.

Câu 2: Ưu điểm chính của việc sử dụng CSS để tách biệt phần trình bày khỏi nội dung HTML là gì?

  • A. Làm cho mã HTML phức tạp hơn nhưng bảo mật hơn.
  • B. Giúp dễ dàng bảo trì, cập nhật giao diện và duy trì sự nhất quán trên nhiều trang.
  • C. Tăng tốc độ xử lý của máy chủ web.
  • D. Cho phép người dùng cuối tự do chỉnh sửa bố cục trang.

Câu 3: Bạn muốn áp dụng một kiểu dáng (ví dụ: màu chữ đỏ) chỉ cho duy nhất một đoạn văn bản `

` cụ thể trong trang HTML mà không ảnh hưởng đến các đoạn `

` khác. Phương pháp bổ sung CSS nào sau đây là phù hợp nhất cho trường hợp này?

  • A. CSS nội dòng (Inline CSS).
  • B. CSS nội bộ (Internal CSS) sử dụng thẻ `
0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 08

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 08 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: CSS (Cascading Style Sheets) ra đời với mục đích chính nào trong phát triển web, khác biệt với vai trò của HTML?

  • A. Định nghĩa cấu trúc và nội dung của trang web.
  • B. Xử lý các tương tác động và logic phía máy khách.
  • C. Trình bày hình thức, bố cục và giao diện trực quan cho các phần tử HTML.
  • D. Lưu trữ và quản lý dữ liệu của trang web.

Câu 2: Xét đoạn mã CSS sau:

```css
p {
color: blue;
font-size: 16px;
}
```

Trong đoạn mã này, `p` được gọi là gì?

  • A. Bộ chọn (Selector)
  • B. Thuộc tính (Property)
  • C. Giá trị (Value)
  • D. Khai báo (Declaration)

Câu 3: Khi bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu chữ đỏ, cỡ chữ 14px) cho nhiều đoạn văn bản (thẻ `

`) trên nhiều trang khác nhau của một website, phương pháp bổ sung CSS nào sau đây là hiệu quả và dễ quản lý nhất?

  • A. Chèn trực tiếp CSS vào thuộc tính `style` của từng thẻ `

    ` (Inline CSS).

  • B. Sử dụng thẻ `


    Chào mừng!

    Đây là đoạn văn.



    ```

    Theo đoạn mã trên, tiêu đề `

    ` sẽ có màu gì?

    • A. Màu xanh dương.
    • B. Màu đỏ.
    • C. Màu đen (mặc định).
    • D. Không có màu nào được áp dụng do lỗi cú pháp.

Câu 27: Thuộc tính nào trong CSS được sử dụng để đặt màu cho văn bản?

  • A. background-color
  • B. color
  • C. text-color
  • D. font-color

Câu 28: Khi sử dụng External CSS, tệp CSS thường có phần mở rộng là gì?

  • A. .html
  • B. .js
  • C. .txt
  • D. .css

Câu 29: Bạn muốn đặt màu nền cho một phần tử là màu xám nhạt. Quy tắc CSS nào sau đây thực hiện được điều đó?

  • A. ```css
    selector {
    background-color: lightgray;
    }
    ```
  • B. ```css
    selector {
    background-color: gray-light;
    }
    ```
  • C. ```css
    selector {
    color: lightgray;
    }
    ```
  • D. ```css
    selector {
    background: lightgray;
    }
    ``` (Phương án này cũng đúng nhưng `background-color` chính xác hơn cho chỉ màu nền)

Câu 30: So với việc định kiểu bằng Inline CSS cho từng phần tử, việc sử dụng Internal hoặc External CSS mang lại lợi ích chính nào về mặt hiệu suất tải trang web?

  • A. Làm cho tệp HTML lớn hơn nhưng tải nhanh hơn.
  • B. Cho phép trình duyệt lưu trữ (cache) tệp CSS, giúp các trang tiếp theo tải nhanh hơn.
  • C. Loại bỏ hoàn toàn nhu cầu tải bất kỳ tệp CSS nào.
  • D. Luôn luôn làm chậm tốc độ tải trang so với Inline CSS.

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 1: CSS (Cascading Style Sheets) ra đời với mục đích chính nào trong phát triển web, khác biệt với vai trò của HTML?

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 2: Xét đoạn mã CSS sau:

```css
p {
color: blue;
font-size: 16px;
}
```

Trong đoạn mã này, `p` được gọi là gì?

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 3: Khi bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu chữ đỏ, cỡ chữ 14px) cho nhiều đoạn văn bản (thẻ `

`) trên *nhiều trang* khác nhau của một website, phương pháp bổ sung CSS nào sau đây là hiệu quả và dễ quản lý nhất?

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 4: Lợi ích nào sau đây của CSS giúp website dễ dàng hiển thị và thích ứng tốt trên nhiều loại thiết bị khác nhau như máy tính, máy tính bảng, điện thoại thông minh?

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 5: Trong cú pháp CSS cơ bản `selector { property: value; }`, phần nào dùng để xác định đặc điểm hình thức cụ thể mà bạn muốn thay đổi (ví dụ: màu sắc, kích thước)?

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 6: Giả sử bạn có một thẻ HTML `

Đoạn văn bản.

`. Kiểu CSS này được gọi là gì?

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 7: Việc tách biệt mã HTML (nội dung và cấu trúc) và mã CSS (hình thức và bố cục) mang lại lợi ích lớn nhất nào trong quá trình bảo trì và cập nhật website?

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 8: Phương pháp bổ sung CSS nào sau đây *không* cho phép tái sử dụng cùng một tập hợp các quy tắc kiểu dáng cho nhiều phần tử hoặc nhiều trang khác nhau một cách hiệu quả?

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 9: Tại sao việc sử dụng External CSS (tệp .css riêng biệt) thường được khuyến khích cho các website lớn có nhiều trang?

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 10: Xét quy tắc CSS sau: `h1 { color: green; }`. Nếu trong trang HTML có nhiều thẻ `

`, quy tắc này sẽ áp dụng cho những thẻ nào?

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 11: Bạn có một đoạn HTML:

```html

Đây là đoạn 1.

Đây là đoạn 2.

```

Để làm cho *cả hai* đoạn văn bản này có màu xanh lá cây, quy tắc CSS nào sau đây là đúng về mặt cú pháp và hiệu quả nhất (trong bối cảnh chỉ cần áp dụng cho các thẻ `

`)?

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Tags: Bộ đề 08

Câu 12: Khi sử dụng Internal CSS, mã CSS được đặt ở đâu trong tài liệu HTML?

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 09

Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 09 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

Câu 1: CSS là viết tắt của cụm từ nào?

  • A. Cascading Style Sheets
  • B. Computer Style Solutions
  • C. Creative Styling System
  • D. Colorful Software Styles

Câu 2: Vai trò chính của CSS trong việc xây dựng một trang web là gì?

  • A. Định nghĩa cấu trúc và nội dung của trang web.
  • B. Thực hiện các chức năng tương tác và xử lý dữ liệu trên trang.
  • C. Trình bày bố cục và định dạng hình thức cho các phần tử trên trang web.
  • D. Quản lý cơ sở dữ liệu liên quan đến nội dung trang web.

Câu 3: Giả sử bạn muốn thay đổi màu chữ của tất cả các đoạn văn (thẻ

) trên trang web. Lợi ích chính khi sử dụng CSS thay vì định kiểu trực tiếp trong từng thẻ

bằng thuộc tính `style` là gì?

  • A. Làm cho mã HTML ngắn hơn.
  • B. Giúp dễ dàng thay đổi kiểu dáng đồng loạt cho nhiều phần tử và dễ bảo trì.
  • C. Tăng tốc độ tải trang web.
  • D. Đảm bảo trang web hiển thị giống hệt nhau trên mọi trình duyệt.

Câu 4: Phương pháp nào dưới đây cho phép bạn áp dụng cùng một bộ quy tắc CSS cho nhiều trang HTML khác nhau một cách hiệu quả nhất?

  • A. Sử dụng thuộc tính `style` trực tiếp trong từng thẻ HTML trên mỗi trang.
  • B. Đặt mã CSS trong thẻ `

    `. Đoạn mã này sẽ ảnh hưởng đến phần tử HTML nào và thay đổi thuộc tính gì?

    • A. Tất cả tiêu đề cấp 1 (`

      `), thay đổi kích thước chữ và màu sắc.

    • B. Tất cả các đoạn văn (`

      `), chỉ thay đổi màu sắc.

    • C. Chỉ đoạn văn đầu tiên (`

      `), thay đổi kích thước chữ.

    • D. Tất cả các đoạn văn (`

      `), thay đổi kích thước chữ thành 16px và màu chữ thành xanh lá cây.

Câu 14: Điều nào sau đây KHÔNG phải là một lợi ích của việc sử dụng External CSS (tệp `.css` riêng biệt)?

  • A. Đảm bảo tốc độ tải trang nhanh hơn đáng kể so với Inline CSS cho một trang đơn lẻ.
  • B. Giúp tái sử dụng mã CSS trên nhiều trang.
  • C. Tách biệt hoàn toàn mã HTML và mã CSS.
  • D. Giúp quản lý và bảo trì mã CSS tập trung hơn.

Câu 15: Trong quy tắc CSS `h1 { text-align: center; }`, `text-align` là gì?

  • A. Selector.
  • B. Property (Thuộc tính).
  • C. Value (Giá trị).
  • D. Declaration block.

Câu 16: Mục đích của việc sử dụng thẻ `

`. Đoạn mã này sẽ áp dụng kiểu dáng cho phần tử HTML nào?

  • A. Tất cả các thẻ `
    ` trên trang.
  • B. Phần tử có id là `box`.
  • C. Tất cả các phần tử có thuộc tính `class` với giá trị là `box`.
  • D. Chỉ phần tử `box` đầu tiên trên trang.

Câu 23: Bạn muốn áp dụng một kiểu dáng chỉ cho một phần tử duy nhất trên trang web, ví dụ một tiêu đề chính. Bạn nên sử dụng loại selector nào trong CSS để đảm bảo chỉ phần tử đó bị ảnh hưởng?

  • A. ID selector (sử dụng `#`).
  • B. Class selector (sử dụng `.`).
  • C. Element selector (sử dụng tên thẻ HTML).
  • D. Universal selector (sử dụng `*`).

Câu 24: Điều nào sau đây KHÔNG phải là một loại thông tin mà CSS thường được sử dụng để định dạng?

  • A. Màu sắc và phông chữ của văn bản.
  • B. Kích thước và vị trí của các phần tử.
  • C. Khoảng cách giữa các phần tử.
  • D. Nội dung thực tế (chuỗi văn bản, hình ảnh) sẽ hiển thị trên trang.

Câu 25: Khi sử dụng External CSS, trình duyệt sẽ tải tệp CSS khi nào?

  • A. Sau khi toàn bộ mã HTML đã được xử lý xong.
  • B. Khi gặp thẻ `` liên kết đến tệp CSS trong phần ``.
  • C. Chỉ khi người dùng tương tác với trang web.
  • D. Trước khi tải bất kỳ nội dung HTML nào.

Câu 26: Bạn có đoạn mã HTML: `

  • A. Màu xanh dương.
  • B. Màu đen (mặc định).
  • C. Không có màu vì cú pháp CSS sai.
  • D. Màu đỏ nếu có quy tắc CSS khác định nghĩa màu đỏ cho thẻ `

    `.

  • Câu 27: Lợi ích nào của CSS giúp giảm bớt việc lặp lại mã định dạng trong tệp HTML?

    • A. Tăng tính tương tác.
    • B. Hỗ trợ đa ngôn ngữ.
    • C. Tập trung định dạng ở một nơi (trong tệp CSS hoặc thẻ `

      `. Đoạn mã này sẽ ảnh hưởng đến phần tử HTML nào và thay đổi thuộc tính gì?

    14 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 14: Điều nào sau đây KHÔNG phải là một lợi ích của việc sử dụng External CSS (tệp `.css` riêng biệt)?

    15 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 15: Trong quy tắc CSS `h1 { text-align: center; }`, `text-align` là gì?

    16 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 16: Mục đích của việc sử dụng thẻ `

    `. Đoạn mã này sẽ áp dụng kiểu dáng cho phần tử HTML nào?

    23 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 23: Bạn muốn áp dụng một kiểu dáng chỉ cho một phần tử duy nhất trên trang web, ví dụ một tiêu đề chính. Bạn nên sử dụng loại selector nào trong CSS để đảm bảo chỉ phần tử đó bị ảnh hưởng?

    24 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 24: Điều nào sau đây KHÔNG phải là một loại thông tin mà CSS thường được sử dụng để định dạng?

    25 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 25: Khi sử dụng External CSS, trình duyệt sẽ tải tệp CSS khi nào?

    26 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 26: Bạn có đoạn mã HTML: `

    Chào mừng!

    ` và đoạn mã CSS: `

    `. Màu chữ của đoạn văn này sẽ là gì?

    27 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 27: Lợi ích nào của CSS giúp giảm bớt việc lặp lại mã định dạng trong tệp HTML?

    28 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 28: Giả sử bạn có hai quy tắc CSS áp dụng cho cùng một đoạn văn: Quy tắc 1 (trong tệp external CSS): `p { color: red; }`. Quy tắc 2 (Inline CSS): `

    Đoạn văn.

    `. Đoạn văn này sẽ có màu gì? (Đây là ví dụ đơn giản về nguyên tắc 'cascade').

    29 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Tags: Bộ đề 09

    Câu 29: Khi nào thì việc sử dụng Embedded CSS (trong thẻ `

    0

    Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

    Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


    Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS

    Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 10

    Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F7: Giới thiệu CSS - Đề 10 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!

    Câu 1: CSS là viết tắt của cụm từ nào, và vai trò chính của nó trong phát triển web là gì?

    • A. Cascading Style Sheets, định dạng và trình bày nội dung HTML.
    • B. Computer Style Sheets, tạo cấu trúc logic cho trang web.
    • C. Creative Style Solutions, xử lý tương tác người dùng.
    • D. Cascading Script Syntax, quản lý cơ sở dữ liệu web.

    Câu 2: Lợi ích cốt lõi nhất mà CSS mang lại so với việc chỉ sử dụng HTML để định dạng (ví dụ: dùng thuộc tính `bgcolor` trong thẻ `

    `) là gì?

    • A. Giúp tạo nội dung động và hiệu ứng phức tạp.
    • B. Tách biệt hoàn toàn nội dung và trình bày, giúp dễ quản lý và bảo trì.
    • C. Tăng tốc độ xử lý phía máy chủ (server-side).
    • D. Cho phép tạo cấu trúc trang phức tạp hơn so với HTML thuần túy.

    Câu 3: Một công ty muốn đảm bảo tất cả các đoạn văn bản (`

    `) trên website của họ đều có màu chữ xám đậm và căn lề hai bên. Cách tiếp cận sử dụng CSS nào hiệu quả nhất để đạt được sự nhất quán này trên hàng trăm trang và thuận tiện cho việc thay đổi sau này?

    • A. Thêm thuộc tính `style` vào mỗi thẻ `

      ` trên từng trang.

    • B. Sử dụng thẻ `

    Viết một bình luận