Đề Trắc nghiệm Tin học 12 – Bài F7: Giới thiệu CSS (Chân Trời Sáng Tạo) tổng hợp câu hỏi trắc nghiệm chứa đựng nhiều dạng bài tập, bài thi, cũng như các câu hỏi trắc nghiệm và bài kiểm tra, trong bộ Trắc Nghiệm Môn Tin Học 12 – Chân Trời Sáng Tạo. Nội dung trắc nghiệm nhấn mạnh phần kiến thức nền tảng và chuyên môn sâu của học phần này. Mọi bộ đề trắc nghiệm đều cung cấp câu hỏi, đáp án cùng hướng dẫn giải cặn kẽ. Mời bạn thử sức làm bài nhằm ôn luyện và làm vững chắc kiến thức cũng như đánh giá năng lực bản thân!

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

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é!!!

Bà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

Bà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

1 / 17

Category: Bà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ộ đề 01

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?

Cascading Style Sheets

Computer Style Syntax

Creative Styling Solutions

Content Style Structure

Câu hỏi kiểm tra kiến thức cơ bản về tên đầy đủ của CSS. CSS là viết tắt của Cascading Style Sheets, ngôn ngữ được sử dụng để định kiểu cho các tài liệu viết bằng HTML.

2 / 17

Category: Bà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ộ đề 01

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

Xác định nội dung và cấu trúc ngữ nghĩa của trang web.

Xử lý các tương tác động và logic phía người dùng trên trang web.

Định dạng, trình bày bố cục và giao diện cho các phần tử HTML.

Quản lý dữ liệu và xử lý logic phía máy chủ của ứng dụng web.

CSS tập trung vào việc trình bày giao diện, bố cục và hình thức của các phần tử HTML trên trang web, tách biệt khỏi nội dung và cấu trúc do HTML quy định.

3 / 17

Category: Bà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ộ đề 01

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

Giảm thiểu hoàn toàn việc sử dụng mã HTML.

Tăng tốc độ xử lý logic trên máy chủ.

Cho phép người dùng cuối chỉnh sửa giao diện trực tiếp.

Giúp mã nguồn dễ bảo trì, cập nhật và tái sử dụng hiệu quả hơn.

Việc tách biệt giúp mã ngu???n gọn gàng, dễ đọc, dễ bảo trì và cập nhật. Thay đổi giao diện chỉ cần chỉnh sửa tệp CSS mà không ảnh hưởng đến nội dung và cấu trúc HTML.

4 / 17

Category: Bà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ộ đề 01

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?

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

Đặt mã CSS trong thẻ `<style>` ở phần `<head>` của mỗi trang HTML (Internal CSS).

Tạo một tệp `.css` riêng và liên kết tới các trang HTML bằng thẻ `<link>` (External CSS).

Viết mã CSS trong thẻ `<script>` và nhúng vào mỗi trang HTML.

Sử dụng tệp CSS riêng biệt (External CSS) và liên kết nó với các trang HTML thông qua thẻ `` là phương pháp tối ưu nhất cho các website lớn. Điều này giúp tái sử dụng mã CSS trên nhiều trang, dễ dàng quản lý và cập nhật giao diện chung.

5 / 17

Category: Bà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ộ đề 01

Câu 5: Một trang web chỉ có duy nhất một trang và bạn muốn áp dụng một số kiểu CSS đặc biệt chỉ cho trang đó mà không muốn tạo tệp CSS riêng. Phương pháp nào sau đây là phù hợp nhất?

Sử dụng Inline CSS cho mọi phần tử cần định kiểu.

Đặt mã CSS trong thẻ `<style>` trong phần `<head>` của trang HTML.

Tạo một tệp `.css` riêng và liên kết tới trang HTML.

Nhúng mã CSS thông qua một ngôn ngữ lập trình phía máy chủ.

Đối với một trang web đơn lẻ, việc đặt mã CSS trong thẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Mỗi khai báo trong khối khai báo CSS (`property: value;`) phải kết thúc bằng dấu chấm phẩy (`;`) để phân tách với khai báo tiếp theo. Khai báo cuối cùng trong khối có thể có hoặc không có dấu chấm phẩy.

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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 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 đó?

h1 { text-color: blue; }

h1 { color: blue; }

.h1 { color: blue; }

Câu hỏi yêu cầu áp dụng cú pháp CSS cơ bản (selector, property, value) để định kiểu cho một phần tử HTML cụ thể (thẻ h1). Quy tắc đúng phải chọn selector là `h1`, thuộc tính màu chữ là `color`, và giá trị là `blue`.

2 / 30

Category: Bà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 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?

Chèn CSS trực tiếp vào thuộc tính `style` của từng thẻ `<h2>` trên mỗi trang, vì cách này ưu tiên cao nhất.

Sử dụng thẻ `<style>` trong phần `<head>` của mỗi trang, vì nó giữ mã CSS cùng với mã HTML.

Viết mã CSS trong thẻ `<script>` ở cuối mỗi trang, vì script được thực thi sau khi HTML được tải.

Tạo một tệp `.css` riêng biệt chứa quy tắc cho `<h2>` và liên kết tệp này với tất cả các trang HTML, vì nó giúp tái sử dụng mã và dễ bảo trì.

Câu hỏi đưa ra một kịch bản thực tế (trang web lớn, nhiều trang, cần nhất quán) và yêu cầu đánh giá phương pháp CSS phù hợp nhất. Sử dụng tệp CSS riêng biệt và liên kết (external CSS) là phương pháp tốt nhất cho trường hợp này vì nó cho phép định nghĩa kiểu một lần và áp dụng cho nhiều trang, giúp dễ dàng quản lý và cập nhật.

3 / 30

Category: Bà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 3: Bạn đang thử nghiệm một kiểu dáng mới cho một đoạn văn bản (`

`) trên chỉ một trang HTML duy nhất và không có ý định áp dụng kiểu này cho bất kỳ đoạn văn bản nào khác trên trang đó hoặc các trang khác. Phương pháp bổ sung CSS nào tiện lợi và phù hợp nhất trong trường hợp này?

Chèn CSS trực tiếp vào thuộc tính `style` của thẻ `<p>` đó.

Sử dụng thẻ `<style>` trong phần `<head>` của trang.

Tạo một tệp `.css` riêng biệt và liên kết nó.

Viết mã CSS trong thẻ `<script>`.

Câu hỏi mô tả một tình huống cụ thể (chỉ áp dụng cho một phần tử duy nhất trên một trang, mục đích thử nghiệm nhanh) và yêu cầu chọn phương pháp CSS phù hợp. Inline CSS (chèn trực tiếp vào thuộc tính `style`) là cách nhanh nhất và đơn giản nhất cho trường hợp này, mặc dù không được khuyến khích cho việc định kiểu toàn trang.

4 / 30

Category: Bà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 4: Cho quy tắc CSS sau: `p { font-size: 16px; color: #333; }`. Phần nào của quy tắc này được gọi là 'selector' (bộ chọn)?

`font-size: 16px; color: #333;`

`p`

`{ font-size: 16px; color: #333; }`

`16px`

Câu hỏi kiểm tra hiểu biết về cú pháp CSS cơ bản. Selector là phần đứng trước cặp dấu ngoặc nhọn `{}` và chỉ định (các) phần tử HTML mà quy tắc này sẽ áp dụng.

5 / 30

Category: Bà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 5: Vẫn với quy tắc CSS: `p { font-size: 16px; color: #333; }`. Phần nào của quy tắc này được gọi là 'declaration block' (khối khai báo)?

Câu hỏi kiểm tra hiểu biết về cú pháp CSS cơ bản. Declaration block là phần nằm trong cặp dấu ngoặc nhọn `{}` và chứa một hoặc nhiều khai báo (declarations), mỗi khai báo kết thúc bằng dấu chấm phẩy `;`.

6 / 30

Category: Bà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 6: Vẫn với quy tắc CSS: `p { font-size: 16px; color: #333; }`. Trong khai báo `color: #333;`, phần nào là 'value' (giá trị)?

`#333`

`color`

`p`

`font-size`

Câu hỏi kiểm tra hiểu biết về cú pháp CSS cơ bản. Trong một khai báo CSS (property: value;), 'value' là giá trị được gán cho thuộc tính, nằm sau dấu hai chấm `:`.

7 / 30

Category: Bà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 7: Lợi ích quan trọng nhất của việc sử dụng CSS để tách biệt phần trình bày (hình thức) khỏi nội dung (HTML) là gì?

Làm cho tệp HTML nhỏ hơn.

Cho phép sử dụng các hiệu ứng hoạt hình phức tạp.

Đảm bảo trang web hiển thị giống hệt nhau trên mọi trình duyệt.

Giúp dễ dàng bảo trì và cập nhật giao diện trang web.

Câu hỏi tập trung vào lợi ích cốt lõi của CSS: tách biệt nội dung và hình thức. Điều này giúp việc bảo trì và cập nhật trang web trở nên dễ dàng hơn nhiều, vì bạn có thể thay đổi giao diện (CSS) mà không cần chỉnh sửa cấu trúc hay nội dung (HTML).

8 / 30

Category: Bà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 8: Điều nào sau đây là nhiệm vụ chính của HTML trong việc xây dựng trang web, khác với nhiệm vụ của CSS?

Thiết lập màu sắc và phông chữ cho văn bản.

Định nghĩa cấu trúc và nội dung của trang web.

Xác định vị trí các phần tử trên trang.

Tạo hiệu ứng động cho các phần tử.

Câu hỏi phân biệt rõ vai trò của HTML và CSS. HTML chịu trách nhiệm định nghĩa cấu trúc và nội dung của trang web (các đoạn văn, tiêu đề, hình ảnh, bảng...), trong khi CSS chịu trách nhiệm định kiểu cho các phần tử đó.

9 / 30

Category: Bà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 9: Khi sử dụng phương pháp nào để bổ sung CSS vào trang web, mã CSS có thể được tái sử dụng trên nhiều trang HTML khác nhau một cách hiệu quả nhất?

Inline CSS (sử dụng thuộc tính `style`)

Internal CSS (sử dụng thẻ `<style>` trong `<head>`)

External CSS (sử dụng tệp `.css` và thẻ `<link>`)

Cả ba phương pháp đều có hiệu quả tái sử dụng như nhau.

Câu hỏi kiểm tra khả năng đánh giá ưu điểm của các phương pháp CSS trong bối cảnh thực tế (tái sử dụng). Sử dụng tệp CSS riêng biệt và liên kết là cách tiêu chuẩn và hiệu quả nhất để áp dụng cùng một bộ quy tắc style cho nhiều trang.

10 / 30

Category: Bà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 10: Bạn muốn tất cả các đoạn văn bản có lớp (class) là `intro` phải có chữ in nghiêng. Quy tắc CSS nào sau đây sẽ áp dụng kiểu này?

#intro { font-style: italic; }

intro { font-style: italic; }

p.intro { font-style: italic; }

.intro { font-style: italic; }

Câu hỏi giới thiệu khái niệm selector theo lớp (class selector) và thuộc tính định kiểu chữ (`font-style`). Selector cho lớp được ký hiệu bằng dấu chấm `.` theo sau là tên lớp. Thuộc tính `font-style: italic;` dùng để in nghiêng chữ.

11 / 30

Category: Bà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 11: Bạn có một phần tử HTML có id là `main-heading`. Bạn muốn đặt màu nền (background color) cho phần tử này là màu xám nhạt (#f0f0f0). Quy tắc CSS nào sau đây là đúng?

.main-heading { background-color: #f0f0f0; }

#main-heading { background-color: #f0f0f0; }

main-heading { background-color: #f0f0f0; }

div#main-heading { background-color: #f0f0f0; }

Câu hỏi giới thiệu khái niệm selector theo ID (ID selector) và thuộc tính màu nền (`background-color`). Selector cho ID được ký hiệu bằng dấu thăng `#` theo sau là tên ID. Thuộc tính `background-color` dùng để đặt màu nền.

12 / 30

Category: Bà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 12: Giả sử bạn có tệp HTML `index.html` và tệp CSS `style.css` nằm cùng thư mục. Thẻ HTML nào sau đây được đặt trong phần `` của `index.html` để liên kết tệp CSS đó?

Câu hỏi kiểm tra cú pháp liên kết tệp CSS ngoài. Thẻ `` được sử dụng cho mục đích này, với thuộc tính `rel="stylesheet"` chỉ định mối quan hệ là bảng định kiểu và thuộc tính `href` chỉ định đường dẫn đến tệp CSS.

13 / 30

Category: Bà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 13: Trong cú pháp CSS, mỗi khai báo (declaration) bên trong khối khai báo (`{}`) phải được kết thúc bằng ký hiệu nào?

Câu hỏi kiểm tra chi tiết cú pháp CSS. Mỗi cặp thuộc tính-giá trị (`property: value`) trong khối khai báo cần được kết thúc bằng dấu chấm phẩy `;` để phân tách với khai báo tiếp theo. Dấu chấm phẩy ở khai báo cuối cùng là tùy chọn nhưng được khuyến khích dùng để nhất quán.

14 / 30

Category: Bà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 14: CSS đóng góp như thế nào vào việc tạo ra các trang web 'phản hồi' (responsive web design), tức là các trang web hiển thị tốt trên nhiều kích thước màn hình khác nhau (máy tính, máy tính bảng, điện thoại)?

CSS cho phép định nghĩa các kiểu dáng khác nhau tùy thuộc vào kích thước màn hình hoặc thiết bị.

CSS tự động chuyển đổi nội dung trang web sang định dạng di động.

CSS chỉ làm cho trang web đẹp hơn chứ không ảnh hưởng đến khả năng hiển thị trên các thiết bị khác nhau.

Việc tạo trang web phản hồi hoàn toàn phụ thuộc vào HTML, không liên quan đến CSS.

Câu hỏi liên kết CSS với một khái niệm hiện đại trong thiết kế web (responsive design). CSS cung cấp các kỹ thuật (như Media Queries, flexbox, grid - dù các kỹ thuật cụ thể này có thể học sau) cho phép điều chỉnh bố cục và kiểu dáng dựa trên kích thước màn hình thiết bị, giúp trang web 'phản hồi' với môi trường hiển thị.

15 / 30

Category: Bà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 15: Bạn nhận được một tệp HTML từ đồng đội chỉ chứa cấu trúc và nội dung. Nhiệm vụ của bạn là áp dụng giao diện và bố cục cho trang web đó. Công cụ nào sẽ là trọng tâm công việc của bạn?

JavaScript

HTML

CSS

Python

Câu hỏi đặt trong bối cảnh làm việc nhóm, nhấn mạnh vai trò của CSS trong việc thêm giao diện và bố cục vào cấu trúc HTML sẵn có. CSS là ngôn ngữ được thiết kế riêng cho mục đích này.

16 / 30

Category: Bà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 16: Điều nào sau đây KHÔNG phải là một lợi ích trực tiếp của việc sử dụng CSS?

Tạo nội dung động hoặc xử lý sự kiện khi người dùng tương tác.

Làm cho trang web có giao diện hấp dẫn và chuyên nghiệp hơn.

Đảm bảo tính nhất quán về hình thức trên nhiều trang.

Giảm kích thước tệp HTML bằng cách loại bỏ các thẻ định dạng.

Câu hỏi yêu cầu phân biệt lợi ích của CSS với các khía cạnh khác của phát triển web. CSS tập trung vào trình bày. Việc tạo nội dung mới hoặc xử lý tương tác người dùng là nhiệm vụ của HTML và JavaScript.

17 / 30

Category: Bà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 17: Bạn có đoạn mã HTML `

Đoạn văn bản màu đỏ.

`. Đây là ví dụ về phương pháp bổ sung CSS nào?

Inline CSS

Internal CSS

External CSS

Scripted CSS

Câu hỏi kiểm tra khả năng nhận diện phương pháp Inline CSS. Inline CSS được viết trực tiếp bên trong thẻ mở HTML bằng thuộc tính `style`.

18 / 30

Category: Bà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 18: Mã CSS được đặt bên trong cặp thẻ nào trong phần `` của tài liệu HTML khi sử dụng phương pháp Internal CSS?

Câu hỏi kiểm tra cú pháp sử dụng Internal CSS. Mã CSS được viết bên trong cặp thẻ `

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

19 / 30

Category: Bà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?

Đặt màu chữ cho toàn bộ trang web thành màu xanh nhạt.

Đặt màu nền cho toàn bộ trang web thành màu xanh nhạt.

Đặt màu viền cho toàn bộ trang web thành màu xanh nhạt.

Chỉ áp dụng màu nền xanh nhạt cho các đoạn văn bản trong trang.

Câu hỏi yêu cầu phân tích cú pháp và hiệu quả của một quy tắc CSS đơn giản. Selector `body` chọn toàn bộ phần tử ``. Khai báo `background-color: lightblue;` đặt màu nền cho phần tử được chọn.

20 / 30

Category: Bà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ử đó?

Quy tắc Inline CSS.

Quy tắc trong tệp CSS ngoài.

Quy tắc nào được viết sau cùng trong mã nguồn.

Trình duyệt sẽ chọn ngẫu nhiên một trong hai quy tắc.

Câu hỏi giới thiệu khái niệm cơ bản về 'Cascading' (xếp tầng) trong CSS, cụ thể là độ ưu tiên của các phương pháp bổ sung CSS. Inline CSS có độ ưu tiên cao nhất, sau đó đến Internal/External CSS, và cuối cùng là kiểu mặc định của trình duyệt.

21 / 30

Category: Bà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 21: Bạn muốn tất cả các liên kết (``) trên trang web của mình không có gạch chân mặc định và có màu chữ đen. Thuộc tính CSS nào được sử dụng để loại bỏ gạch chân của liên kết?

underline: none;

decoration: none;

text-decoration: none;

line-style: none;

Câu hỏi giới thiệu thuộc tính `text-decoration`. Giá trị `none` được sử dụng để loại bỏ các đường trang trí văn bản như gạch chân.

22 / 30

Category: Bà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 22: Tại sao việc sử dụng External CSS (tệp .css riêng biệt) được coi là cách tốt nhất cho hầu hết các dự án web chuyên nghiệp?

Vì nó ưu tiên cao hơn tất cả các loại CSS khác.

Vì nó cho phép viết mã CSS bằng ngôn ngữ lập trình khác.

Vì nó chỉ áp dụng cho một trang web duy nhất.

Vì nó giúp tách biệt hoàn toàn nội dung và hình thức, dễ quản lý, tái sử dụng và cải thiện hiệu suất tải trang.

Câu hỏi yêu cầu tổng hợp các lợi ích của External CSS trong bối cảnh phát triển chuyên nghiệp (lớn, nhiều người làm, cần hiệu quả). Các lợi ích bao gồm dễ quản lý, tái sử dụng, giảm kích thước tệp HTML, và cải thiện tốc độ tải trang (nhờ caching).

23 / 30

Category: Bà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 23: Bạn muốn căn giữa một đoạn văn bản trong thẻ `

`. Thuộc tính CSS nào được sử dụng để điều chỉnh căn lề văn bản?

Câu hỏi giới thiệu thuộc tính `text-align`. Giá trị `center` dùng để căn giữa nội dung văn bản bên trong phần tử.

24 / 30

Category: Bà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 24: Cho đoạn mã HTML: `

Nội dung

`. Bạn muốn đặt chiều rộng (width) của phần tử `div` này là 500 pixel. Quy tắc CSS nào sau đây là đúng?

.container { width: 500px; }

div.container { width: 500px; }

#container { width: 500px; }

container { width: 500px; }

Câu hỏi kết hợp selector theo ID với thuộc tính kích thước (`width`). Selector `#container` chọn phần tử có ID là 'container'. Thuộc tính `width` đặt chiều rộng.

25 / 30

Category: Bà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 25: Đâu là cách viết sai cú pháp một khai báo CSS?

color: red;

font-size: 12pt;

margin-left: 10px;

background-color; blue:

Câu hỏi kiểm tra khả năng nhận diện lỗi cú pháp. Cú pháp đúng là `property: value;`. Đáp án sai có dấu hai chấm sau thuộc tính và trước giá trị bị đảo ngược vị trí hoặc thiếu dấu chấm phẩy.

26 / 30

Category: Bà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 26: Bạn có một trang web đơn giản chỉ gồm một trang HTML duy nhất. Bạn muốn định kiểu cho trang này nhưng không muốn tạo thêm một tệp riêng biệt. Phương pháp bổ sung CSS nào phù hợp nhất?

Inline CSS

Internal CSS

External CSS

Sử dụng JavaScript để thêm style.

Câu hỏi đưa ra kịch bản trang web đơn giản, một trang duy nhất, không muốn tệp riêng. Internal CSS là lựa chọn phù hợp nhất trong trường hợp này, giữ mã CSS trong cùng tệp HTML nhưng vẫn tách biệt khỏi nội dung.

27 / 30

Category: Bà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 27: Trong một quy tắc CSS như `h2 { color: green; }`, `color` là gì?

Thuộc tính (Property)

Giá trị (Value)

Bộ chọn (Selector)

Khai báo (Declaration)

Câu hỏi kiểm tra hiểu biết về thuật ngữ trong cú pháp CSS. `color` là tên của thuộc tính (property) mà bạn muốn thay đổi.

28 / 30

Category: Bà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 28: Điều nào sau đây mô tả đúng nhất vai trò của CSS trong quy trình phát triển web?

Xử lý logic phía máy chủ (server-side logic).

Định nghĩa cấu trúc cơ bản của trang web.

Thêm tính tương tác và động lực cho trang web.

Kiểm soát giao diện, bố cục và cách trình bày các phần tử HTML.

Câu hỏi tổng hợp vai trò của CSS. CSS là ngôn ngữ định kiểu, chịu trách nhiệm về giao diện và bố cục, làm cho trang web trông đẹp mắt và dễ sử dụng.

29 / 30

Category: Bà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?

Câu hỏi giới thiệu thuộc tính `padding`. Thuộc tính này thêm khoảng trống bên trong viền của một phần tử.

30 / 30

Category: Bà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ì?

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra quy ước đặt tên tệp CSS. Tệp CSS tiêu chuẩn có phần mở rộng là `.css`.

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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ộ đề 03

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?

HTML (HyperText Markup Language)

JavaScript

CSS (Cascading Style Sheets)

SQL (Structured Query Language)

Câu hỏi kiểm tra hiểu biết về vai trò cơ bản của CSS trong việc trình bày giao diện trang web, phân biệt nó với các công nghệ web khác.

2 / 30

Category: Bà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ộ đề 03

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

Tạo nội dung tương tác và động cho trang web.

Định nghĩa cấu trúc và ý nghĩa ngữ nghĩa của nội dung.

Xử lý dữ liệu trên máy chủ trước khi gửi đến trình duyệt.

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 hỏi tập trung vào mục đích cốt lõi của CSS, đó là tách biệt hoàn toàn phần trình bày (giao diện) khỏi phần nội dung và cấu trúc (HTML).

3 / 30

Category: Bà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ộ đề 03

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

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

Sử dụng thẻ `<style>` trong phần `<head>` của mỗi trang HTML.

Tạo một tệp CSS riêng biệt (.css) và liên kết đến tất cả các trang HTML bằng thẻ `<link>`.

Viết mã CSS trong thẻ `<script>`.

Câu hỏi yêu cầu áp dụng kiến thức về các phương pháp nhúng CSS vào tình huống thực tế, đánh giá phương pháp nào tối ưu cho việc quản lý kiểu dáng trên nhiều trang.

4 / 30

Category: Bà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ộ đề 03

Câu 4: Việc tách mã CSS ra khỏi mã HTML giúp cải thiện đáng kể khả năng bảo trì và nâng cấp trang web. Lợi ích cụ thể nào sau đây thể hiện rõ nhất điều này?

Có thể thay đổi toàn bộ giao diện trang web chỉ bằng cách chỉnh sửa một vài tệp CSS mà không cần đụng đến nội dung HTML.

CSS tự động phát hiện và sửa lỗi cú pháp HTML.

Kích thước tệp HTML sẽ tăng lên, giúp tải trang nhanh hơn.

Người dùng cuối có thể tự do thay đổi kiểu dáng trang web theo ý muốn.

Câu hỏi kiểm tra sự hiểu biết về lợi ích của việc tách biệt giữa nội dung và trình bày trong bảo trì website.

5 / 30

Category: Bà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ộ đề 03

Câu 5: Xét đoạn mã HTML sau: `

Tiêu đề chính

`. Phương pháp nhúng CSS được sử dụng ở đây là gì? Phương pháp này thường được áp dụng khi nào?

Inline CSS; Khi cần áp dụng kiểu duy nhất cho một phần tử cụ thể và không có ý định tái sử dụng.

Internal CSS; Khi cần định nghĩa các kiểu chung cho toàn bộ trang hiện tại.

External CSS; Khi cần áp dụng các kiểu chung cho nhiều trang web.

JavaScript CSS; Phương pháp không chuẩn để định kiểu.

Câu hỏi yêu cầu nhận diện phương pháp nhúng CSS (inline) và hiểu ngữ cảnh sử dụng phù hợp của nó (áp dụng kiểu cho một phần tử cụ thể, không tái sử dụng).

6 / 30

Category: Bà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ộ đề 03

Câu 6: Bạn đang làm việc trên một trang HTML và cần định nghĩa một số quy tắc CSS chỉ áp dụng cho riêng trang đó, các quy tắc này không cần sử dụng ở bất kỳ trang nào khác. Phương pháp nhúng CSS nào là hợp lý và hiệu quả nhất trong trường hợp này?

Inline CSS (sử dụng thuộc tính `style` cho từng phần tử).

Internal CSS (sử dụng thẻ `<style>` trong phần `<head>`).

External CSS (liên kết đến tệp .css riêng biệt).

Tất cả các phương pháp trên đều không phù hợp.

Câu hỏi yêu cầu chọn phương pháp nhúng CSS phù hợp với kịch bản cụ thể (kiểu dáng chỉ dùng cho một trang).

7 / 30

Category: Bà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ộ đề 03

Câu 7: So với việc định kiểu bằng Internal CSS (trong thẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi sử dụng phép ẩn dụ để củng cố hiểu biết về vai trò của CSS trong mối quan hệ với HTML (cấu trúc/nội dung) và JavaScript (tương tác/hành vi).

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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ộ đề 04

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?

Xử lý các tương tác phức tạp của người dùng trên trang web.

Định nghĩa cấu trúc ngữ nghĩa và nội dung của trang web.

Định dạng, trình bày bố cục và giao diện cho các phần tử HTML.

Quản lý cơ sở dữ liệu và xử lý dữ liệu từ biểu mẫu.

Câu hỏi kiểm tra kiến thức cơ bản về vai trò cốt lõi của CSS. CSS được tạo ra để tách biệt phần nội dung (HTML) khỏi phần trình bày, giúp định kiểu và bố cục cho trang web.

2 / 30

Category: Bà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ộ đề 04

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

Giúp tạo ra nội dung động và cập nhật tự động.

Loại bỏ hoàn toàn nhu cầu sử dụng HTML.

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.

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 hỏi yêu cầu phân tích lợi ích thực tế của việc tách biệt HTML và CSS. Lợi ích chính là khả năng thay đổi giao diện (CSS) mà không ảnh hưởng đến nội dung (HTML), giúp bảo trì và cập nhật dễ dàng hơn.

3 / 30

Category: Bà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ộ đề 04

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

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

Sử dụng thẻ `<style>` trong phần `<head>` của từng trang HTML.

Tạo một tệp tin `.css` riêng biệt (ví dụ: `style.css`) và liên kết nó với trang HTML bằng thẻ `<link>`.

Viết mã CSS trong thẻ `<script>`.

Câu hỏi yêu cầu áp dụng kiến thức về các cách nhúng CSS vào tình huống cụ thể, nhấn mạnh tính nhất quán và quản lý trên nhiều trang. Sử dụng tệp CSS ngoài và liên kết bằng thẻ `` là phương pháp tối ưu cho mục đích này.

4 / 30

Category: Bà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ộ đề 04

Câu 4: Đoạn mã HTML sau được viết: `

Tiêu đề quan trọng

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

CSS nội dòng (Inline CSS).

CSS nội bộ (Internal CSS).

CSS ngoài (External CSS).

CSS nhúng (Embedded CSS) - trùng với nội bộ.

Câu hỏi kiểm tra khả năng nhận diện cách nhúng CSS dựa trên cấu trúc mã. Khi CSS được viết trực tiếp vào thuộc tính `style` của thẻ HTML, đó là CSS nội dòng (inline CSS).

5 / 30

Category: Bà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ộ đề 04

Câu 5: Phương pháp bổ sung CSS nào cho phép bạn định kiểu cho nhiều phần tử trên cùng một trang hoặc nhiều trang khác nhau chỉ bằng cách thay đổi một vị trí duy nhất?

CSS nội dòng (Inline CSS).

CSS nội bộ (Internal CSS).

CSS ngoài (External CSS).

Tất cả các phương pháp trên.

Câu hỏi kiểm tra hiểu biết về lợi ích của từng phương pháp nhúng CSS, tập trung vào khả năng tái sử dụng và quản lý tập trung. CSS ngoài (External CSS) cho phép định kiểu cho nhiều trang từ một tệp `.css` duy nhất.

6 / 30

Category: Bà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ộ đề 04

Câu 6: Đoạn mã sau đặt trong phần `` của tệp HTML: `

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

CSS nội dòng (Inline CSS).

CSS nội bộ (Internal CSS).

CSS ngoài (External CSS).

CSS liên kết (Linked CSS) - trùng với ngoài.

Câu hỏi kiểm tra khả năng nhận diện cách nhúng CSS dựa trên cấu trúc mã. Khi CSS được đặt trong thẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra hiểu biết về sự phân tách vai trò giữa HTML và CSS. HTML định nghĩa cấu trúc và nội dung, còn CSS định dạng và trình bày.

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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ộ đề 05

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?

Định nghĩa cấu trúc và nội dung của trang web.

Xử lý các tương tác và logic phía người dùng.

Kiểm soát giao diện và cách trình bày các phần tử HTML.

Quản lý cơ sở dữ liệu và xử lý logic phía máy chủ.

Câu hỏi kiểm tra hiểu biết về vai trò cốt lõi của CSS. CSS được thiết kế để kiểm soát cách các phần tử HTML được hiển thị trên màn hình, giấy in hoặc các phương tiện khác, tức là định dạng và trình bày giao diện.

2 / 30

Category: Bà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ộ đề 05

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?

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.

Làm cho mã HTML trở nên phức tạp hơn nhưng an toàn hơn.

Bắt buộc phải sử dụng JavaScript để xử lý giao diện.

Chỉ áp dụng được cho các trang web tĩnh, không có nội dung động.

Câu hỏi yêu cầu phân tích lợi ích của việc tách biệt HTML và CSS. Khi tách biệt, việc thay đổi giao diện (CSS) không làm ảnh hưởng đến nội dung và cấu trúc (HTML), giúp việc bảo trì, cập nhật hoặc thay đổi toàn bộ giao diện trang web trở nên dễ dàng và hiệu quả hơn.

3 / 30

Category: Bà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ộ đề 05

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?

Màu chữ mặc định và kích thước 12px.

Màu chữ xanh dương và kích thước 16px.

Màu chữ xanh dương và kích thước mặc định.

Màu chữ mặc định và kích thước 16px.

Câu hỏi kiểm tra khả năng áp dụng quy tắc CSS đơn giản vào phần tử HTML. Quy tắc CSS `p { color: blue; font-size: 16px; }` chọn tất cả các thẻ `

` và áp dụng màu chữ xanh dương và kích thước chữ 16px.

4 / 30

Category: Bà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ộ đề 05

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?

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

Sử dụng thẻ `<style>` trong phần `<head>` của mỗi trang (Internal Style).

Sử dụng thẻ `<link>` để liên kết đến một tệp CSS ngoài (External Style).

Viết mã CSS bên trong thẻ `<script>`.

Câu hỏi yêu cầu đánh giá các phương pháp thêm CSS dựa trên tiêu chí tái sử dụng và bảo trì. Sử dụng tệp CSS ngoài và liên kết bằng thẻ `` cho phép một tệp CSS duy nhất kiểm soát giao diện của nhiều trang, làm cho việc thay đổi giao diện toàn bộ website rất hiệu quả.

5 / 30

Category: Bà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ộ đề 05

Câu 5: Trong cú pháp CSS cơ bản (selector { property: value; }), thành phần 'selector' dùng để làm gì?

Chỉ định (các) phần tử HTML mà quy tắc CSS sẽ áp dụng.

Xác định giá trị của thuộc tính CSS.

Định nghĩa loại thuộc tính CSS.

Đánh dấu kết thúc của một khai báo CSS.

Câu hỏi kiểm tra kiến thức về cú pháp CSS. Selector là phần xác định (chọn) (các) phần tử HTML mà quy tắc CSS sẽ được áp dụng.

6 / 30

Category: Bà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ộ đề 05

Câu 6: Thuộc tính CSS `color` được sử dụng để định dạng thành phần nào của văn bản?

Màu nền của phần tử.

Màu đường viền của phần tử.

Màu của các liên kết chưa truy cập.

Màu của văn bản (chữ) trong phần tử.

Câu hỏi kiểm tra kiến thức về một thuộc tính CSS cơ bản. Thuộc tính `color` trong CSS được dùng để thiết lập màu cho chữ (văn bản) của phần tử.

7 / 30

Category: Bà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ộ đề 05

Câu 7: Khi nào thì việc sử dụng Inline Style (thêm CSS trực tiếp vào thuộc tính `style` của thẻ HTML) có thể được xem xét, mặc dù không phải là phương pháp khuyến khích cho toàn bộ trang web?

Khi muốn áp dụng cùng một kiểu cho rất nhiều phần tử trên nhiều trang.

Khi cần định nghĩa các kiểu dáng chung cho toàn bộ website.

Khi cần áp dụng một kiểu dáng duy nhất, rất cụ thể cho một phần tử HTML mà không muốn tạo quy tắc CSS riêng.

Khi muốn làm cho mã HTML dễ đọc và bảo trì hơn.

Câu hỏi yêu cầu phân tích tình huống sử dụng của Inline Style. Inline style có độ ưu tiên cao nhất và thường chỉ dùng để áp dụng kiểu dáng đặc biệt cho một phần tử cụ thể, hoặc trong các trường hợp cần ghi đè các kiểu khác một cách cục bộ, không ảnh hưởng đến các phần tử tương tự khác.

8 / 30

Category: Bà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ộ đề 05

Câu 8: Giả sử bạn có một tệp CSS ngoài (`style.css`) và muốn áp dụng nó cho trang HTML của mình. Bạn cần thêm thẻ `` vào vị trí nào trong tệp HTML?

Trong phần `<head>`.

Trong phần `<body>`.

Ngay trước thẻ đóng `</body>`.

Ở bất kỳ đâu trong tài liệu, miễn là trước khi nội dung hiển thị.

Câu hỏi kiểm tra kiến thức về cách liên kết tệp CSS ngoài. Thẻ `` dùng để liên kết các tài nguyên bên ngoài (như tệp CSS) và thường được đặt trong phần `` của tài liệu HTML để trình duyệt có thể tải và xử lý CSS trước khi hiển thị nội dung.

9 / 30

Category: Bà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ộ đề 05

Câu 9: Thuộc tính CSS `font-size` được sử dụng để làm gì?

Định dạng kiểu chữ (ví dụ: in đậm, in nghiêng).

Thiết lập khoảng cách giữa các dòng văn bản.

Xác định loại phông chữ (ví dụ: Arial, Times New Roman).

Thiết lập kích thước của văn bản.

Câu hỏi kiểm tra kiến thức về thuộc tính `font-size`. Thuộc tính này dùng để thiết lập kích thước của phông chữ (văn bản) bên trong phần tử.

10 / 30

Category: Bà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ộ đề 05

Câu 10: Điều gì xảy ra khi nhiều quy tắc CSS khác nhau cùng áp dụng cho cùng một phần tử HTML và định nghĩa cùng một thuộc tính (ví dụ: màu chữ)?

Trình duyệt sẽ báo lỗi và không áp dụng bất kỳ kiểu dáng nào.

CSS sẽ áp dụng quy tắc có độ ưu tiên cao nhất dựa trên các quy tắc 'cascading'.

Chỉ quy tắc được viết sau cùng trong mã nguồn CSS mới được áp dụng.

Trình duyệt sẽ chọn ngẫu nhiên một trong các quy tắc đó để áp dụng.

Câu hỏi giới thiệu về khái niệm 'Cascading' trong CSS. Khi có xung đột giữa các quy tắc, CSS sẽ áp dụng một hệ thống ưu tiên (cascade) để xác định quy tắc nào sẽ được áp dụng cuối cùng. Quy tắc có độ ưu tiên cao nhất sẽ thắng.

11 / 30

Category: Bà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ộ đề 05

Câu 11: Xem xét đoạn mã sau:
HTML: `

Tiêu đề

`
CSS ngoài: `h1 { color: red; }`
Giả sử tệp CSS ngoài được liên kết đúng cách. Màu chữ của tiêu đề `

` sẽ là gì?

Xanh lá cây (green).

Đỏ (red).

Màu mặc định của trình duyệt.

Không áp dụng màu nào do xung đột.

Câu hỏi kiểm tra sự ưu tiên cơ bản trong cascading. Inline style (đặt trong thuộc tính `style` của thẻ) có độ ưu tiên cao hơn Internal/External style. Do đó, màu xanh lá cây (green) từ inline style sẽ được áp dụng.

12 / 30

Category: Bà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ộ đề 05

Câu 12: Thuộc tính CSS `background-color` được sử dụng để định dạng thành phần nào của phần tử?

Màu chữ của phần tử.

Màu đường viền của phần tử.

Màu nền của phần tử.

Màu của các liên kết đã truy cập.

Câu hỏi kiểm tra kiến thức về thuộc tính `background-color`. Thuộc tính này dùng để thiết lập màu nền cho phần tử HTML.

13 / 30

Category: Bà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ộ đề 05

Câu 13: Bạn muốn tất cả các đoạn văn bản trên trang web của mình có màu chữ là màu tím. Quy tắc CSS đơn giản nhất để thực hiện điều này là gì?

`.p { color: purple; }`

`#p { color: purple; }`

`paragraph { color: purple; }`

`p { color: purple; }`

Câu hỏi yêu cầu áp dụng cú pháp CSS cơ bản để định kiểu cho tất cả các phần tử cùng loại. Để chọn tất cả các thẻ `

` và đặt màu chữ là tím, ta dùng selector `p` và thuộc tính `color` với giá trị `purple`.

14 / 30

Category: Bà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ộ đề 05

Câu 14: Khi sử dụng Internal Style (thẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra kiến thức về các đơn vị đo cơ bản trong CSS. `px` (pixels), `em` (relative to parent element's font-size), và `%` (percentage of parent element's font-size) là các đơn vị đo kích thước phổ biến. `pt` (points) cũng hợp lệ, nhưng `cm` (centimeters) ít dùng cho font-size trên màn hình và `vw` (viewport width) hay `vh` (viewport height) dùng cho kích thước liên quan đến viewport. `ms` (milliseconds) là đơn vị thời gian, không dùng cho kích thước font.

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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ộ đề 06

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

Câu hỏi kiểm tra kiến thức cơ bản về mục đích của CSS. Vai trò chính của CSS là định dạng và trình bày giao diện cho các phần tử HTML, tách biệt khỏi nội dung và cấu trúc.

2 / 30

Category: Bà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ộ đề 06

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

Câu hỏi này yêu cầu phân tích lợi ích của phương pháp external CSS. Lợi ích lớn nhất là khả năng tái sử dụng mã CSS trên nhiều trang khác nhau, giúp đảm bảo tính nhất quán và dễ dàng cập nhật, bảo trì.

3 / 30

Category: Bà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ộ đề 06

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?

Câu hỏi này yêu cầu áp dụng kiến thức về các phương pháp nhúng CSS vào một tình huống cụ thể (áp dụng cho toàn bộ trang, nhiều trang). Sử dụng tệp CSS ngoài và liên kết bằng thẻ `` là cách tiêu chuẩn và hiệu quả nhất để áp dụng kiểu dáng chung cho nhiều trang.

4 / 30

Category: Bà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ộ đề 06

Câu 4: Một quy tắc CSS cơ bản bao gồm hai phần chính là Selector (Bộ chọn) và Declaration Block (Khối khai báo). Khối khai báo chứa gì?

Câu hỏi kiểm tra kiến thức về cấu trúc cú pháp cơ bản của một quy tắc CSS. Khối khai báo chứa một hoặc nhiều cặp 'thuộc tính: giá trị' định nghĩa kiểu dáng cho phần tử được chọn.

5 / 30

Category: Bà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ộ đề 06

Câu 5: Sự khác biệt cốt lõi về mục đích giữa HTML và CSS là gì?

Câu hỏi này yêu cầu phân tích sự phân tách vai trò giữa HTML và CSS. HTML định nghĩa cấu trúc và nội dung, còn CSS định nghĩa cách hiển thị (trình bày) nội dung đó.

6 / 30

Category: Bà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ộ đề 06

Câu 6: Khi sử dụng phương pháp 'inline CSS' (chèn trực tiếp vào thuộc tính `style` của thẻ HTML), mã CSS chỉ ảnh hưởng đến:

Câu hỏi kiểm tra sự hiểu biết về phạm vi ảnh hưởng của inline CSS. Inline CSS có phạm vi hẹp nhất, chỉ áp dụng cho chính thẻ HTML mà nó được chèn vào.

7 / 30

Category: Bà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ộ đề 06

Câu 7: Bạn được yêu cầu sửa đổi giao diện của một trang web đã có sẵn. Trang web này sử dụng tệp CSS ngoài. Lợi ích của việc sử dụng tệp CSS ngoài trong trường hợp này là gì so với việc sửa CSS chèn trực tiếp vào từng thẻ?

Câu hỏi này yêu cầu áp dụng kiến thức về lợi ích của external CSS vào tình huống bảo trì. Sử dụng tệp CSS ngoài giúp việc sửa đổi tập trung, chỉ cần chỉnh sửa một tệp duy nhất để thay đổi kiểu dáng trên nhiều phần tử/trang.

8 / 30

Category: Bà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ộ đề 06

Câu 8: Để liên kết một tệp CSS ngoài có tên `style.css` vào trang HTML, bạn sẽ sử dụng thẻ nào và đặt nó ở đâu trong cấu trúc HTML?

Câu hỏi kiểm tra kiến thức cú pháp và vị trí đặt thẻ liên kết CSS ngoài. Thẻ `` được sử dụng để liên kết tệp CSS ngoài và nó thường được đặt trong phần `` của tài liệu HTML.

9 / 30

Category: Bà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ộ đề 06

Câu 9: Khi bạn định nghĩa kiểu cho cùng một phần tử HTML bằng cả CSS chèn trực tiếp (inline CSS) và CSS trong thẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi này yêu cầu phân tích cách CSS giúp đạt được tính nhất quán. Bằng cách định nghĩa các kiểu dáng chung và áp dụng chúng cho nhiều phần tử/trang từ một nguồn tập trung (như tệp CSS ngoài), dễ dàng đảm bảo giao diện đồng nhất.

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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ộ đề 07

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

Định nghĩa cấu trúc và nội dung của trang web.

Tạo ra các chức năng tương tác và hiệu ứng động phức tạp.

Kiểm soát cách các phần tử HTML được hiển thị trên trình duyệt.

Quản lý cơ sở dữ liệu và lưu trữ thông tin người dùng.

2 / 30

Category: Bà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ộ đề 07

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

Làm cho mã HTML phức tạp hơn nhưng bảo mật hơn.

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.

Tăng tốc độ xử lý của máy chủ web.

Cho phép người dùng cuối tự do chỉnh sửa bố cục trang.

3 / 30

Category: Bà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ộ đề 07

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?

CSS nội dòng (Inline CSS).

CSS nội bộ (Internal CSS) sử dụng thẻ `<style>`.

CSS ngoài (External CSS) sử dụng tệp .css riêng biệt.

Sử dụng thuộc tính `class` và định nghĩa trong tệp JavaScript.

4 / 30

Category: Bà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ộ đề 07

Câu 4: Bạn đang phát triển một website lớn g???m hàng chục trang. Để đảm bảo tất cả các trang đều có cùng một font chữ và màu nền nhất quán, phương pháp bổ sung CSS nào là hiệu quả và dễ quản lý nhất?

Chèn CSS nội dòng vào từng phần tử trên mỗi trang.

Sử dụng thẻ `<style>` trong phần `<head>` của mỗi trang HTML.

Tạo một tệp .css riêng và liên kết nó với tất cả các trang HTML bằng thẻ `<link>`.

Viết mã CSS trực tiếp trong phần `<body>` của mỗi trang.

5 / 30

Category: Bà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ộ đề 07

Câu 5: Một đoạn mã CSS cơ bản gồm hai phần chính là bộ chọn (selector) và khối khai báo (declaration block). Khối khai báo chứa gì?

Tên của phần tử HTML cần định kiểu.

Địa chỉ của tệp CSS bên ngoài.

Các thẻ HTML được định kiểu.

Một hoặc nhiều cặp thuộc tính và giá trị định kiểu.

6 / 30

Category: Bà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ộ đề 07

Câu 6: Xét đoạn mã CSS sau: `p { color: blue; font-size: 16px; }`. Trong đoạn mã này, `p` là gì?

Bộ chọn (Selector).

Thuộc tính (Property).

Giá trị (Value).

Khai báo (Declaration).

7 / 30

Category: Bà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ộ đề 07

Câu 7: Trong đoạn mã CSS `p { color: blue; font-size: 16px; }`, `color` và `font-size` là gì?

Bộ chọn (Selector).

Thuộc tính (Property).

Giá trị (Value).

Khai báo (Declaration).

8 / 30

Category: Bà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ộ đề 07

Câu 8: Trong đoạn mã CSS `p { color: blue; font-size: 16px; }`, `blue` và `16px` là gì?

Bộ chọn (Selector).

Thuộc tính (Property).

Giá trị (Value).

Khai báo (Declaration).

9 / 30

Category: Bà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ộ đề 07

Câu 9: Giả sử bạn có một tệp HTML và một tệp CSS riêng biệt tên là `style.css` cùng nằm trong một thư mục. Cú pháp đúng để liên kết tệp CSS này với trang HTML là gì?

10 / 30

Category: Bà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ộ đề 07

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

Bên trong thẻ `<body>`.

Bên trong thẻ `<style>` trong phần `<head>`.

Trực tiếp trong thuộc tính `style` của từng thẻ HTML.

Trong một tệp riêng biệt và được tham chiếu.

11 / 30

Category: Bà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ộ đề 07

Câu 11: Điều gì xảy ra nếu bạn có cùng một phần tử HTML (ví dụ: một đoạn `

`) được định kiểu bởi cả CSS nội dòng và CSS nội bộ, với các thuộc tính xung đột (ví dụ: màu chữ khác nhau)?

Kiểu dáng từ CSS nội dòng sẽ được ưu tiên áp dụng.

Kiểu dáng từ CSS nội bộ sẽ được ưu tiên áp dụng.

Kiểu dáng từ CSS ngoài (nếu có) sẽ được ưu tiên áp dụng.

Trình duyệt sẽ báo lỗi và không áp dụng kiểu dáng nào.

12 / 30

Category: Bà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ộ đề 07

Câu 12: Bạn muốn tất cả các tiêu đề cấp 1 (`

`) trên trang web của mình có màu xanh lá cây. Cú pháp CSS nào sau đây thực hiện được điều này?

13 / 30

Category: Bà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ộ đề 07

Câu 13: Mã HTML nào sau đây sẽ KHÔNG áp dụng kiểu dáng màu chữ đỏ được định nghĩa trong tệp CSS ngoài cho đoạn văn bản?

14 / 30

Category: Bà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ộ đề 07

Câu 14: Bạn muốn tạo một lớp (class) trong CSS để áp dụng kiểu dáng cho nhiều phần tử khác nhau. Cú pháp để khai báo một lớp có tên là `highlight` trong CSS là gì?

15 / 30

Category: Bà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ộ đề 07

Câu 15: Giả sử bạn đã định nghĩa một lớp CSS tên là `box`. Để áp dụng lớp này cho một phần tử `

` trong HTML, bạn sử dụng thuộc tính nào?

16 / 30

Category: Bà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ộ đề 07

Câu 16: Bạn muốn định kiểu duy nhất cho một phần tử đặc biệt trên trang, ví dụ một logo hoặc một tiêu đề chính chỉ xuất hiện một lần. Bộ chọn CSS nào là phù hợp nhất trong trường hợp này?

Bộ chọn ID (ví dụ: `#logo`).

Bộ chọn lớp (ví dụ: `.logo`).

Bộ chọn phần tử (ví dụ: `<img>`).

Bộ chọn phổ quát (ví dụ: `*`).

17 / 30

Category: Bà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ộ đề 07

Câu 17: Trong mã CSS `h2 { text-align: center; }`, thuộc tính `text-align` dùng để làm gì?

Thay đổi kích thước của tiêu đề h2.

Căn chỉnh văn bản bên trong tiêu đề h2.

Đặt màu nền cho tiêu đề h2.

Thêm đường viền cho tiêu đề h2.

18 / 30

Category: Bà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ộ đề 07

Câu 18: Để thay đổi màu nền của toàn bộ trang web, bạn cần áp dụng kiểu dáng cho phần tử HTML nào?

Phần tử `<head>`.

Phần tử `<html>`.

Phần tử `<body>`.

Tất cả các phần tử `<div>`.

19 / 30

Category: Bà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ộ đề 07

Câu 19: Bạn có một danh sách các mục (`

`) bên trong một danh sách không thứ tự (`

20 / 30

Category: Bà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ộ đề 07

Câu 20: Khả năng tương thích và phản hồi (responsiveness) trên nhiều thiết bị khác nhau của trang web được cải thiện đáng kể nhờ vào tính năng nào của CSS?

Khả năng nhúng video trực tiếp.

Sử dụng thẻ HTML5 mới.

Tốc độ tải trang nhanh.

Các kỹ thuật thiết kế đáp ứng (Responsive Web Design) như Media Queries.

21 / 30

Category: Bà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ộ đề 07

Câu 21: Điều nào sau đây KHÔNG phải là lợi ích trực tiếp của việc sử dụng CSS?

Kiểm soát chính xác bố cục và hiển thị.

Tăng cường bảo mật chống lại các cuộc tấn công mạng.

Giúp trang web hiển thị tốt trên nhiều thiết bị.

Tách biệt nội dung và trình bày, giúp dễ bảo trì.

22 / 30

Category: Bà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ộ đề 07

Câu 22: Giả sử bạn có đoạn mã HTML `

Chào mừng!

` và đoạn mã CSS `#header { font-size: 24px; }`. Kết quả hiển thị của dòng chữ "Chào mừng!" sẽ như thế nào?

Dòng chữ "Chào mừng!" sẽ có kích thước font là 24px.

Dòng chữ "Chào mừng!" sẽ có màu nền là #header.

Phần tử `<div>` sẽ được căn giữa.

Mã CSS sẽ không có tác dụng vì thiếu bộ chọn phần tử.

23 / 30

Category: Bà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ộ đề 07

Câu 23: Tại sao việc sử dụng tệp CSS ngoài (.css) lại được khuyến khích hơn so với CSS nội bộ hoặc nội dòng khi xây dựng website lớn?

Tệp CSS ngoài có khả năng tạo ra các hiệu ứng động phức tạp hơn.

Trình duyệt chỉ đọc được CSS từ tệp ngoài.

CSS nội bộ và nội dòng không hỗ trợ tất cả các thuộc tính CSS.

Giúp tái sử dụng mã hiệu quả trên nhiều trang và dễ bảo trì tập trung.

24 / 30

Category: Bà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ộ đề 07

Câu 24: Bạn muốn tất cả các liên kết (``) trên trang khi rê chuột vào sẽ đổi màu chữ thành cam. Thuộc tính CSS nào sau đây được sử dụng để định kiểu cho trạng thái khi rê chuột?

25 / 30

Category: Bà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ộ đề 07

Câu 25: Trong CSS, đơn vị đo `px` (pixel) có ý nghĩa gì khi sử dụng để định kích thước (ví dụ: `font-size: 16px;`)?

Tương ứng với chiều cao của một ký tự 'x' trong font hiện tại.

Tương ứng với phần trăm của kích thước phần tử cha.

Một đơn vị đo tuyệt đối, tương ứng với một điểm ảnh trên thiết bị.

Tương ứng với kích thước font chữ mặc định của trình duyệt.

26 / 30

Category: Bà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ộ đề 07

Câu 26: Bạn nhận thấy website của mình hiển thị không nhất quán trên các trình duyệt khác nhau (ví dụ: Chrome, Firefox). Vấn đề này thường liên quan đến khía cạnh nào của CSS?

Tốc độ kết nối internet của người dùng.

Sự khác biệt trong cách các trình duyệt diễn giải và hiển thị mã CSS.

Lỗi cú pháp trong mã HTML.

Dung lượng của tệp hình ảnh trên trang.

27 / 30

Category: Bà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ộ đề 07

Câu 27: Bạn muốn thêm một khoảng trống 10 pixel vào phía trên và phía dưới của một đoạn văn bản `

`. Thuộc tính CSS nào sau đây giúp thực hiện điều này?

28 / 30

Category: Bà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ộ đề 07

Câu 28: Trong cú pháp CSS `div { width: 50%; }`, giá trị `50%` có ý nghĩa gì?

Chiều rộng của phần tử `div` sẽ bằng 50% chiều rộng của phần tử cha.

Chiều rộng của phần tử `div` sẽ bằng 50 pixel.

Phần tử `div` sẽ chiếm 50% diện tích toàn màn hình.

Màu nền của phần tử `div` sẽ có độ trong suốt 50%.

29 / 30

Category: Bà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ộ đề 07

Câu 29: Giả sử bạn có một tệp HTML với thẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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?

Định nghĩa cấu trúc và nội dung của trang web.

Xử lý các tương tác động và logic phía máy khách.

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.

Lưu trữ và quản lý dữ liệu của trang web.

Câu hỏi này kiểm tra sự hiểu biết về vai trò cốt lõi của CSS so với HTML. HTML định nghĩa cấu trúc và nội dung, còn CSS tập trung vào trình bày và bố cục.

2 / 30

Category: Bà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ì?

Bộ chọn (Selector)

Thuộc tính (Property)

Giá trị (Value)

Khai báo (Declaration)

Câu hỏi này kiểm tra kiến thức về cú pháp cơ bản của CSS. `p` đứng trước cặp dấu ngoặc nhọn `{}` là bộ chọn (selector), dùng để xác định phần tử HTML nào sẽ được áp dụng kiểu.

3 / 30

Category: Bà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?

Chèn trực tiếp CSS vào thuộc tính `style` của từng thẻ `<p>` (Inline CSS).

Sử dụng thẻ `<style>` trong phần `<head>` của từng trang HTML (Internal CSS).

Tạo một tệp `.css` riêng biệt và liên kết tới các trang HTML bằng thẻ `<link>` (External CSS).

Viết mã CSS trong thẻ `<script>`.

Câu hỏi này yêu cầu vận dụng kiến thức về các cách nhúng CSS vào tình huống thực tế, tập trung vào hiệu quả tái sử dụng trên nhiều trang. Sử dụng tệp CSS ngoài (.css) và liên kết bằng thẻ `` là phương pháp tốt nhất cho mục đích này.

4 / 30

Category: Bà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?

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

Tăng khả năng tương thích và phản hồi (responsive) trên nhiều thiết bị.

Làm cho mã HTML phức tạp hơn.

Chỉ áp dụng cho một trang web duy nhất.

Câu hỏi này kiểm tra sự hiểu biết về lợi ích 'đáp ứng' (responsiveness) của CSS. CSS, đặc biệt với các kỹ thuật như Media Queries (sẽ học sâu hơn), cho phép định kiểu khác nhau tùy thuộc vào kích thước màn hình hoặc thiết bị.

5 / 30

Category: Bà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)?

selector

property

value

{}

Câu hỏi này kiểm tra kiến thức về cú pháp CSS. `property` là phần xác định đặc tính cần thay đổi (ví dụ: `color`, `font-size`, `background-color`).

6 / 30

Category: Bà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ì?

Inline CSS

Internal CSS

External CSS

Script CSS

Câu hỏi này yêu cầu nhận diện phương pháp nhúng CSS dựa trên cấu trúc mã. Khi CSS được viết trực tiếp vào thuộc tính `style` của thẻ HTML, đó là Inline CSS.

7 / 30

Category: Bà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?

Làm cho mã HTML ngắn gọn hơn.

Tăng tốc độ xử lý của trình duyệt.

Giảm số lượng tệp cần quản lý.

Dễ dàng thay đổi giao diện toàn bộ website mà không ảnh hưởng đến nội dung và cấu trúc.

Câu hỏi này kiểm tra khả năng phân tích lợi ích của việc tách biệt HTML và CSS. Lợi ích chính là bạn có thể thay đổi giao diện toàn bộ website chỉ bằng cách chỉnh sửa tệp CSS mà không cần đụng chạm đến cấu trúc nội dung trong các tệp HTML.

8 / 30

Category: Bà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ả?

Inline CSS

Internal CSS

External CSS

Cả Internal và External CSS

Câu hỏi này yêu cầu đánh giá hiệu quả tái sử dụng của các phương pháp nhúng CSS. Inline CSS chỉ áp dụng cho một phần tử cụ thể và không thể tái sử dụng cho phần tử khác hoặc trang khác mà không viết lại, do đó kém hiệu quả nhất cho việc tái sử dụng rộng rãi.

9 / 30

Category: Bà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?

Vì External CSS được trình duyệt xử lý nhanh hơn.

Vì nó cho phép quản lý tập trung kiểu dáng và dễ dàng áp dụng cho nhiều trang.

Vì nó cho phép tạo ra các hiệu ứng hình ảnh phức tạp hơn.

Vì nó là phương pháp duy nhất hỗ trợ responsive design.

Câu hỏi này yêu cầu phân tích lý do ưu tiên External CSS trong các dự án lớn. Lợi ích chính là khả năng quản lý tập trung và tái sử dụng code trên toàn bộ website, giúp tiết kiệm thời gian và công sức bảo trì.

10 / 30

Category: Bà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?

Chỉ thẻ `<h1>` đầu tiên.

Chỉ thẻ `<h1>` cuối cùng.

Chỉ các thẻ `<h1>` có thuộc tính `id` được đặt tên.

Tất cả các thẻ `<h1>` có trong trang.

Câu hỏi này kiểm tra sự hiểu biết về cách bộ chọn theo tên phần tử hoạt động. Bộ chọn `h1` sẽ áp dụng kiểu cho *tất cả* các phần tử `

` trong trang HTML.

11 / 30

Category: Bà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ẻ `

`)?

Câu hỏi này yêu cầu áp dụng cú pháp CSS cơ bản để định kiểu cho nhiều phần tử cùng loại. Bộ chọn `p` sẽ chọn tất cả các thẻ `

`, và khai báo `color: green;` sẽ đặt màu chữ là xanh lá cây cho chúng. Các phương án khác sai cú pháp hoặc không hiệu quả.

12 / 30

Category: Bà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?

Trong thuộc tính `style` của từng thẻ HTML.

Bên trong thẻ `<style>` trong phần `<head>`.

Bên trong thẻ `<script>` trong phần `<body>`.

Trong một tệp riêng biệt với đuôi `.css`.

Câu hỏi này kiểm tra kiến thức về vị trí đặt Internal CSS. Internal CSS được đặt bên trong thẻ `

Chào mừng!

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

```

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

` sẽ có màu gì?

Màu xanh dương.

Màu đỏ.

Màu đen (mặc định).

Không có màu nào được áp dụng do lỗi cú pháp.

Câu hỏi này yêu cầu đọc hiểu một đoạn mã HTML hoàn chỉnh bao gồm Internal CSS và dự đoán kết quả hiển thị. Quy tắc CSS trong thẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi này yêu cầu phân tích lợi ích hiệu suất của Internal/External CSS so với Inline CSS. Mặc dù External CSS cần một yêu cầu HTTP riêng, nhưng trình duyệt có thể cache (lưu trữ tạm thời) tệp CSS đó. Khi người dùng chuyển sang trang khác sử dụng cùng tệp CSS, trình duyệt không cần tải lại, giúp các trang tiếp theo tải nhanh hơn. Internal CSS cũng tránh lặp lại mã CSS trong nội dung HTML, làm cho tệp HTML nhỏ gọn hơn.

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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 1: CSS là viết tắt của cụm từ nào?

Cascading Style Sheets

Computer Style Solutions

Creative Styling System

Colorful Software Styles

Câu hỏi kiểm tra kiến thức cơ bản về tên đầy đủ của CSS. Đây là kiến thức ghi nhớ nhưng cần thiết để bắt đầu.

2 / 30

Category: Bà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 2: Vai trò chính của CSS trong việc xây dựng một trang web là gì?

Định nghĩa cấu trúc và nội dung của trang web.

Thực hiện các chức năng tương tác và xử lý dữ liệu trên trang.

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.

Quản lý cơ sở dữ liệu liên quan đến nội dung trang web.

Câu hỏi kiểm tra hiểu biết về mục đích cốt lõi của CSS, phân biệt nó với HTML.

3 / 30

Category: Bà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 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ì?

Làm cho mã HTML ngắn hơn.

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

Tăng tốc độ tải trang web.

Đảm bảo trang web hiển thị giống hệt nhau trên mọi trình duyệt.

Câu hỏi yêu cầu áp dụng kiến thức về lợi ích của CSS trong việc quản lý và bảo trì. Sử dụng CSS tập trung giúp thay đổi đồng loạt và dễ dàng hơn so với sửa từng thẻ HTML.

4 / 30

Category: Bà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 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?

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

Đặt mã CSS trong thẻ `<style>` ở phần `<head>` của mỗi trang HTML.

Tạo một tệp `.css` riêng biệt và liên kết nó vào mỗi trang HTML bằng thẻ `<link>`.

Viết mã CSS bằng JavaScript và chèn vào trang.

Câu hỏi kiểm tra khả năng áp dụng các phương pháp nhúng CSS vào tình huống cần tái sử dụng mã.

5 / 30

Category: Bà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 5: Trong cấu trúc một quy tắc CSS cơ bản `selector { property: value; }`, thành phần `selector` có vai trò gì?

Là giá trị mà thuộc tính sẽ nhận.

Là loại định dạng muốn áp dụng (ví dụ: màu sắc, kích thước).

Là phần chứa tất cả các khai báo định kiểu.

Là chỉ định phần tử HTML hoặc nhóm phần tử mà quy tắc này sẽ được áp dụng.

Câu hỏi kiểm tra hiểu biết về cú pháp cơ bản của một quy tắc CSS và vai trò của từng phần.

6 / 30

Category: Bà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 6: Bạn có một tệp HTML tên là `index.html` và một tệp CSS tên là `style.css` cùng nằm trong một thư mục. Đoạn mã HTML nào dưới đây được đặt trong phần `` của `index.html` để liên kết đúng tệp CSS đó?

Câu hỏi yêu cầu áp dụng kiến thức về cách liên kết tệp CSS ngoài vào HTML.

7 / 30

Category: Bà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 7: Khi sử dụng phương pháp Inline CSS (định kiểu trực tiếp trong thẻ HTML), quy tắc CSS được viết ở đâu?

Trong thuộc tính `style` của thẻ HTML.

Trong thẻ `<style>` ở phần `<head>`.

Trong một tệp CSS riêng biệt.

Trong thẻ `<script>`.

Câu hỏi kiểm tra kiến thức về vị trí đặt mã khi sử dụng phương pháp Inline CSS.

8 / 30

Category: Bà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 8: Bạn có đoạn mã HTML sau: `

Tiêu đề

`. Màu sắc của tiêu đề này sẽ là gì và phương pháp nhúng CSS nào đang được sử dụng?

Màu xanh dương, sử dụng Inline CSS.

Màu đen (mặc định), sử dụng Embedded CSS.

Màu xanh dương, sử dụng External CSS.

Màu đen (mặc định), sử dụng Inline CSS không hợp lệ.

Câu hỏi yêu cầu phân tích đoạn mã HTML để xác định kiểu dáng và phương pháp nhúng CSS.

9 / 30

Category: Bà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 9: Tại sao việc tách biệt nội dung (HTML) và hình thức (CSS) lại được coi là một lợi ích quan trọng của CSS?

Vì làm cho tệp HTML nhỏ hơn.

Vì giúp trình duyệt tải trang nhanh hơn.

Vì cho phép sử dụng các ngôn ngữ lập trình khác nhau.

Vì giúp quản lý, bảo trì và cập nhật giao diện trang web dễ dàng hơn mà không ảnh hưởng đến nội dung.

Câu hỏi kiểm tra khả năng phân tích lợi ích của việc tách biệt HTML và CSS.

10 / 30

Category: Bà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 10: Phương pháp nhúng CSS nào dưới đây phù hợp nhất khi bạn chỉ muốn áp dụng một kiểu dáng duy nhất cho một phần tử cụ thể và không có ý định tái sử dụng kiểu dáng đó ở nơi khác?

Inline CSS.

Embedded CSS (sử dụng thẻ `<style>` trong `<head>`).

External CSS (sử dụng tệp `.css` và thẻ `<link>`).

Cả ba phương pháp đều hiệu quả như nhau trong trường hợp này.

Câu hỏi yêu cầu áp dụng kiến thức về các phương pháp nhúng CSS vào tình huống cụ thể.

11 / 30

Category: Bà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 11: Bạn đang thiết kế một trang web và muốn tất cả các tiêu đề cấp 2 (thẻ `

`) có màu đỏ. Bạn nên sử dụng phương pháp nhúng CSS nào để đạt được điều này một cách nhất quán trên cùng một trang?

Inline CSS cho từng thẻ `<h2>`.

Embedded CSS (sử dụng thẻ `<style>` trong `<head>`).

External CSS (nếu chỉ áp dụng cho một trang thì không phải lựa chọn tối ưu nhất về mặt quản lý tệp).

Viết mã CSS trực tiếp vào phần `<body>`.

Câu hỏi yêu cầu áp dụng kiến thức về các phương pháp nhúng CSS vào tình huống cần áp dụng kiểu cho nhiều phần tử cùng loại trên một trang.

12 / 30

Category: Bà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 12: Một trong những lợi ích của CSS là giúp trang web 'responsive' (tương thích và phản hồi với nhiều thiết bị). Điều này có nghĩa là gì?

Trang web có thể chạy trên nhiều hệ điều hành khác nhau.

Trang web có thể tương tác với người dùng thông qua các biểu mẫu.

Bố cục và hiển thị của trang web tự động điều chỉnh để phù hợp với kích thước màn hình của thiết bị (máy tính, máy tính bảng, điện thoại).

Trang web có thể tải nhanh hơn trên các thiết bị di động.

Câu hỏi kiểm tra hiểu biết về khái niệm 'responsive design' liên quan đến vai trò của CSS.

13 / 30

Category: Bà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 13: Bạn thấy một đoạn mã CSS như sau: `

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

Tất cả tiêu đề cấp 1 (`<h1>`), thay đổi kích thước chữ và màu sắc.

Tất cả các đoạn văn (`<p>`), chỉ thay đổi màu sắc.

Chỉ đoạn văn đầu tiên (`<p>`), thay đổi kích thước chữ.

Tất cả các đoạn văn (`<p>`), thay đổi kích thước chữ thành 16px và màu chữ thành xanh lá cây.

Câu hỏi yêu cầu phân tích cú pháp CSS cơ bản để xác định phần tử bị ảnh hưởng và các thuộc tính được thay đổi.

14 / 30

Category: Bà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)?

Đảm bảo tốc độ tải trang nhanh hơn đáng kể so với Inline CSS cho một trang đơn lẻ.

Giúp tái sử dụng mã CSS trên nhiều trang.

Tách biệt hoàn toàn mã HTML và mã CSS.

Giúp quản lý và bảo trì mã CSS tập trung hơn.

Câu hỏi kiểm tra khả năng phân biệt lợi ích của External CSS với các phương pháp khác hoặc những điều không phải là lợi ích.

15 / 30

Category: Bà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ì?

Selector.

Property (Thuộc tính).

Value (Giá trị).

Declaration block.

Câu hỏi kiểm tra hiểu biết về cú pháp CSS, cụ thể là vai trò của 'property'.

16 / 30

Category: Bà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?

Tất cả các thẻ `<div>` trên trang.

Phần tử có id là `box`.

Tất cả các phần tử có thuộc tính `class` với giá trị là `box`.

Chỉ phần tử `box` đầu tiên trên trang.

Câu hỏi kiểm tra hiểu biết về cách sử dụng class selector trong CSS.

23 / 30

Category: Bà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?

ID selector (sử dụng `#`).

Class selector (sử dụng `.`).

Element selector (sử dụng tên thẻ HTML).

Universal selector (sử dụng `*`).

Câu hỏi yêu cầu áp dụng kiến thức về các loại selector CSS cơ bản vào tình huống cụ thể cần chọn một phần tử duy nhất.

24 / 30

Category: Bà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?

Màu sắc và phông chữ của văn bản.

Kích thước và vị trí của các phần tử.

Khoảng cách giữa các phần tử.

Nội dung thực tế (chuỗi văn bản, hình ảnh) sẽ hiển thị trên trang.

Câu hỏi kiểm tra khả năng phân biệt những gì CSS có thể làm và không thể làm.

25 / 30

Category: Bà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?

Sau khi toàn bộ mã HTML đã được xử lý xong.

Khi gặp thẻ `<link>` liên kết đến tệp CSS trong phần `<head>`.

Chỉ khi người dùng tương tác với trang web.

Trước khi tải bất kỳ nội dung HTML nào.

Câu hỏi kiểm tra hiểu biết về cách trình duyệt xử lý External CSS.

26 / 30

Category: Bà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ì?

Màu xanh dương.

Màu đen (mặc định).

Không có màu vì cú pháp CSS sai.

Màu đỏ nếu có quy tắc CSS khác định nghĩa màu đỏ cho thẻ `<p>`.

Câu hỏi yêu cầu phân tích mối liên hệ giữa HTML (thuộc tính class) và CSS (class selector) để xác định kiểu dáng áp dụng.

27 / 30

Category: Bà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?

Tăng tính tương tác.

Hỗ trợ đa ngôn ngữ.

Tập trung định dạng ở một nơi (trong tệp CSS hoặc thẻ `<style>`).

Tự động tạo nội dung.

Câu hỏi kiểm tra khả năng nhận diện lợi ích cụ thể của CSS trong việc tối ưu mã.

28 / 30

Category: Bà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').

Màu đỏ.

Màu xanh dương.

Màu đen (mặc định).

Màu sẽ thay đổi ngẫu nhiên giữa đỏ và xanh dương.

Câu hỏi giới thiệu một khái niệm cơ bản của 'cascade' (sự phân tầng) trong CSS, cụ thể là độ ưu tiên của Inline CSS.

29 / 30

Category: Bà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ẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi kiểm tra hiểu biết về một trong những lợi ích nâng cao của CSS liên quan đến khả năng truy cập.

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é!!!

Bà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

Bà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

1 / 30

Category: Bà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ộ đề 10

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

Câu hỏi kiểm tra kiến thức cơ bản về tên gọi và vai trò cốt lõi của CSS. CSS là viết tắt của Cascading Style Sheets, dùng để định kiểu và trình bày cho các phần tử HTML.

2 / 30

Category: Bà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ộ đề 10

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

Câu hỏi yêu cầu phân tích lợi ích chính của việc tách biệt nội dung (HTML) và trình bày (CSS). Việc này giúp quản lý, bảo trì và cập nhật trang web dễ dàng hơn rất nhiều.

3 / 30

Category: Bà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ộ đề 10

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?

Câu hỏi yêu cầu áp dụng kiến thức về các phương pháp nhúng CSS vào tình huống thực tế và đánh giá phương pháp hiệu quả nhất cho website lớn. Sử dụng tệp CSS ngoài cho phép định nghĩa kiểu một lần và áp dụng cho nhiều trang, dễ dàng cập nhật tập trung.

4 / 30

Category: Bà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ộ đề 10

Câu 4: Khi sử dụng phương pháp liên kết tệp CSS ngoài (external CSS), bạn sẽ đặt thẻ nào vào phần `` của tài liệu HTML để kết nối tệp CSS đó?

Câu hỏi kiểm tra kiến thức về thẻ HTML được sử dụng để liên kết với các tài nguyên bên ngoài, cụ thể là tệp CSS.

5 / 30

Category: Bà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ộ đề 10

Câu 5: Đoạn mã HTML sau sử dụng phương pháp nhúng CSS nào? `

Tiêu đề phụ

Câu hỏi yêu cầu nhận diện phương pháp nhúng CSS dựa trên cú pháp được sử dụng trong mã HTML. Việc sử dụng thuộc tính `style` trực tiếp trong thẻ HTML là đặc điểm của Inline CSS.

6 / 30

Category: Bà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ộ đề 10

Câu 6: Phương pháp nhúng CSS nào cho phép bạn viết các luật CSS trực tiếp bên trong tài liệu HTML hiện tại, thường được đặt trong cặp thẻ `

Xem kết quả

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Nhận kết quả

Xảy ra lỗi

Bước 1: Vào google.com rồi gõ từ khóa:
Copy nhanh thanh-tim-kiem

Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới

Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé trang-google

Bước 3:

Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:

luot-xem

Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác.

Câu hỏi yêu cầu phân biệt vai trò của các công nghệ web. CSS chỉ định dạng. HTML định nghĩa cấu trúc biểu mẫu. JavaScript có thể xử lý việc gửi dữ liệu (client-side) hoặc tương tác trước khi gửi. Tuy nhiên, việc xử lý dữ liệu *tại máy chủ* và phản hồi lại thường cần ngôn ngữ phía máy chủ (như PHP, Python, Node.js, ASP.NET...) kết hợp với HTML/CSS/JS ở phía client. Nhưng trong các lựa chọn, chỉ có JavaScript là công nghệ phía client có khả năng xử lý sự kiện nút nhấn và gửi dữ liệu, còn HTML chỉ định nghĩa cấu trúc, CSS định dạng, SQL quản lý cơ sở dữ liệu. Câu hỏi hỏi về xử lý 'chức năng gửi', ở phía client thì JS làm điều này, ở phía server cần ngôn ngữ khác. Tuy nhiên, xét trong bối cảnh các lựa chọn công nghệ web cơ bản thường được giới thiệu cùng HTML/CSS, JavaScript là lựa chọn duy nhất có khả năng xử lý tương tác và gửi dữ liệu từ form.

Đề trắc nghiệm liên quan:

Đề Trắc nghiệm Tin học 12 – Bài A3: Thực hành kết nối thiết bị số với máy tính (Chân Trời Sáng Tạo)
Đề Trắc nghiệm Tin học 12 – Bài A4: Thực hành kết nối thiết bị số với máy tính (tiếp theo) (Chân Trời Sáng Tạo)
Đề Trắc nghiệm Tin học 12 – Bài F14: Học máy (Chân Trời Sáng Tạo)
Đề Trắc nghiệm Tin học 12 – Bài E1: Tạo trang web, thiết lập giao diện và xem trước trang web (Chân Trời Sáng Tạo)
Đề Trắc nghiệm Tin học 12 – Bài G1: Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin (Chân Trời Sáng Tạo)

Danh mục Trắc Nghiệm Môn Tin Học 12 - Chân Trời Sáng Tạo

Brand

Về chúng tôi

Làm Trắc Nghiệm là nền tảng học tập trực tuyến miễn phí, chuyên cung cấp bài tập trắc nghiệm và ôn thi. Website được thiết kế để hỗ trợ bạn trong suốt quá trình học và ôn luyện, giúp bạn chuẩn bị tốt nhất cho các kỳ thi một cách hiệu quả và đơn giản.

Kết nối với chúng tôi

Facebook
X
Bluesky
YouTube

Tìm kiếm

Tìm kiếm cho:

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Tiêu đề chính

`) 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?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Tiêu đề chính

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Tiêu đề quan trọng

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Tiêu đề

` sẽ là gì?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`) trên trang web của mình có màu xanh lá cây. Cú pháp CSS nào sau đây thực hiện được điều này?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

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

` trong trang HTML.

Chào mừng!

` sẽ có màu gì?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Tiêu đề

`) có màu đỏ. Bạn nên sử dụng phương pháp nhúng CSS nào để đạt được điều này một cách nhất quán trên cùng một trang?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Tiêu đề phụ

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Đề trắc nghiệm liên quan:

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha