Đề Trắc nghiệm Tin học 12 - Bài 8: Làm quen với CSS (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 8: Làm quen với CSS (Cánh Diều) 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 – Cánh Diều. 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

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

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS - Đề 04

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 1: CSS (Cascading Style Sheets) đóng vai trò chính gì trong việc phát triển trang web?

Xử lý các tương tác động và logic nghiệp vụ trên trang web.

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

Quản lý cơ sở dữ liệu cho trang web.

Xác định cấu trúc và nội dung chính của trang web.

CSS là ngôn ngữ được sử dụng để định dạng và trình bày các phần tử HTML trên trang web, tách biệt hoàn toàn phần nội dung (HTML) với phần hình thức (CSS).

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 2: Khi sử dụng CSS, lợi ích chính nào được nhắc đến là việc tách biệt nội dung và định dạng?

Làm cho trang web tải nhanh hơn.

Tăng cường tính bảo mật cho trang web.

Giúp dễ dàng thay đổi giao diện mà không cần sửa cấu trúc HTML.

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

Tách biệt nội dung (HTML) và định dạng (CSS) cho phép thay đổi giao diện của toàn bộ trang web hoặc nhiều trang chỉ bằng cách chỉnh sửa tệp CSS, giúp việc bảo trì và cập nhật dễ dàng hơn nhiều.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

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

<html> <head> <body>

<style> <link> <script>

Tên thẻ, id, class

Bộ chọn (Selector) và Khối khai báo (Declaration Block)

Một quy tắc CSS cơ bản bao gồm Bộ chọn (Selector) chỉ định phần tử HTML nào được áp dụng, theo sau là Khối khai báo (Declaration Block) chứa một hoặc nhiều Khai báo (Declaration). Mỗi Khai báo gồm Thuộc tính (Property) và Giá trị (Value), cách nhau bởi dấu hai chấm và kết thúc bằng dấu chấm phẩy.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 4: Trong cú pháp CSS `p { color: blue; font-size: 14px; }`, phần `p` được gọi là gì?

Bộ chọn (Selector)

Thuộc tính (Property)

Giá trị (Value)

Khai báo (Declaration)

Phần đứng trước dấu ngoặc nhọn `{}` trong một quy tắc CSS là Bộ chọn (Selector), dùng để 'chọn' các phần tử HTML mà quy tắc định dạng sẽ được áp dụng.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 5: Trong cú pháp CSS `h1 { color: red; }`, phần `color` được gọi là gì?

Bộ chọn (Selector)

Thuộc tính (Property)

Giá trị (Value)

Khai báo (Declaration)

Trong một khai báo CSS (ví dụ `color: red;`), phần bên trái dấu hai chấm `:` là Thuộc tính (Property), xác định đặc điểm hình thức muốn thay đổi (ví dụ: màu sắc).

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 6: Trong cú pháp CSS `div { background-color: yellow; }`, phần `yellow` được gọi là gì?

Bộ chọn (Selector)

Thuộc tính (Property)

Giá trị (Value)

Khai báo (Declaration)

Trong một khai báo CSS (ví dụ `background-color: yellow;`), phần bên phải dấu hai chấm `:` là Giá trị (Value), xác định cụ thể thiết lập cho thuộc tính (ví dụ: màu nền là màu vàng).

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 7: Khối khai báo (Declaration Block) trong CSS được đặt ở đâu trong một quy tắc CSS?

Trước Bộ chọn, trong cặp dấu ngoặc đơn `()`.

Sau Bộ chọn, trong cặp dấu ngoặc vuông `[]`.

Bên trong thẻ HTML mở của phần tử.

Sau Bộ chọn, trong cặp dấu ngoặc nhọn `{}`.

Khối khai báo chứa tất cả các định dạng áp dụng cho bộ chọn. Nó được đặt sau bộ chọn và nằm trong cặp dấu ngoặc nhọn `{}`.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 8: Cho đoạn mã HTML sau: `

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

`. Để áp dụng màu chữ xanh cho đoạn văn này bằng CSS, quy tắc CSS nào sau đây là đúng?

paragraph { text-color: blue; }

p { color: blue; }

<p style='font-color: blue;'>

.p { color: blue; }

Để chọn tất cả các thẻ `

`, ta dùng bộ chọn phần tử `p`. Thuộc tính để đổi màu chữ là `color`, giá trị cho màu xanh là `blue`. Quy tắc đúng là `p { color: blue; }`.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 9: Thuộc tính CSS nào được sử dụng để thay đổi màu nền của một phần tử?

background-color

color

border-color

text-color

Thuộc tính `background-color` trong CSS được sử dụng để thiết lập màu nền cho phần tử HTML.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 10: Thuộc tính CSS nào được sử dụng để thiết lập kiểu phông chữ cho văn bản?

font-style

font-weight

font-family

font-size

Thuộc tính `font-family` được sử dụng để chỉ định phông chữ (ví dụ: Arial, Times New Roman) cho văn bản bên trong một phần tử.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 11: Đơn vị đo lường phổ biến nào được sử dụng để thiết lập kích thước chữ (font-size) trong CSS?

cm (centimeters)

px (pixels)

inch (inches)

mm (millimeters)

Pixel (px) là một đơn vị đo lường tuyệt đối phổ biến trong CSS để xác định kích thước, bao gồm kích thước chữ. Các đơn vị khác như em, rem, % cũng được dùng nhưng px là đơn vị cơ bản và thường gặp.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 12: Thuộc tính CSS nào được sử dụng để thiết lập kiểu đường viền (ví dụ: nét liền, nét đứt) cho một phần tử?

border-style

border-width

border-color

border-radius

Thuộc tính `border-style` xác định kiểu hiển thị của đường viền, ví dụ như `solid`, `dotted`, `dashed`, `double`, v.v.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 13: Để một đường viền hiển thị trên trang web, bạn cần thiết lập ít nhất những thuộc tính CSS nào liên quan đến đường viền?

border-color và border-width

border-width và border-style

border-style

border-color, border-width và border-style

Để đường viền hiển thị, bạn cần xác định kiểu đường viền (`border-style`). Nếu chỉ có kiểu mà không có độ dày hoặc màu sắc, trình duyệt có thể không hiển thị hoặc hiển thị mặc định không rõ ràng. Thiết lập `border-style` là tối thiểu để đường viền có hình dạng.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

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

`. Quy tắc CSS `h1 { color: green; }` sẽ áp dụng định dạng nào cho thẻ `

`?

Thiết lập màu nền xanh lá cây cho thẻ `<h1>`.

Thiết lập màu chữ xanh lá cây cho thẻ `<h1>`.

Thiết lập đường viền màu xanh lá cây cho thẻ `<h1>`.

Thiết lập kích thước chữ xanh lá cây cho thẻ `<h1>`.

Thuộc tính `color` trong CSS thiết lập màu sắc của văn bản (chữ) bên trong phần tử. Giá trị `green` là màu xanh lá cây.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 15: Đoạn mã CSS sau sẽ có tác dụng gì lên các thẻ `

`? `p { background-color: lightblue; }`

Đổi màu chữ của các đoạn văn thành xanh dương nhạt.

Thêm đường viền màu xanh dương nhạt cho các đoạn văn.

Đổi kích thước chữ của các đoạn văn thành xanh dương nhạt.

Đổi màu nền của các đoạn văn thành xanh dương nhạt.

Bộ chọn `p` chọn tất cả các thẻ đoạn văn. Thuộc tính `background-color` thiết lập màu nền. Giá trị `lightblue` là màu xanh dương nhạt.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 16: Bạn muốn tất cả các thẻ `` (liên kết) trên trang web có màu chữ là tím và không có gạch chân mặc định. Quy tắc CSS nào sau đây thực hiện được điều đó?

a { color: purple; text-decoration: none; }

a { font-color: purple; underline: false; }

link { color: purple; decoration: none; }

a { text-style: purple; text-underline: false; }

`color: purple;` đặt màu chữ là tím. `text-decoration: none;` loại bỏ gạch chân mặc định của liên kết.

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 17: Bạn có một đoạn văn bản trong thẻ `

`. Bạn muốn làm cho văn bản này trở nên *in nghiêng*. Thuộc tính CSS nào được sử dụng?

text-style

font-weight

font-style

text-decoration

Thuộc tính `font-style` được dùng để thiết lập kiểu chữ, với giá trị `italic` để in nghiêng.

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 18: Bạn muốn tăng độ đậm của chữ (làm cho chữ *in đậm*) trong một phần tử. Thuộc tính CSS nào phù hợp?

font-style

font-weight

text-decoration

text-align

Thuộc tính `font-weight` được dùng để thiết lập độ đậm của chữ, với giá trị `bold` để in đậm.

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 19: Để căn lề văn bản *giữa* phần tử chứa nó, thuộc tính CSS nào sau đây được sử dụng?

align-items

vertical-align

justify-content

text-align

Thuộc tính `text-align` được dùng để căn chỉnh văn bản bên trong một phần tử, với giá trị `center` để căn giữa.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 20: Bạn có một thẻ `` và muốn thêm một đường viền nét liền dày 2 pixel màu đỏ xung quanh nó. Quy tắc CSS nào sau đây là đúng?

img { border-style: solid; border-width: 2px; color: red; }

img { border: red 2px solid; }

img { border: 2px solid red; }

img { border-color: red; border-type: solid; border-size: 2px; }

Thuộc tính `border` là thuộc tính viết tắt cho `border-width`, `border-style`, và `border-color`. Cú pháp `border: 2px solid red;` thiết lập độ dày 2px, kiểu nét liền (`solid`) và màu đỏ (`red`).

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 21: Đoạn mã CSS sau đây có lỗi cú pháp ở đâu? `h2 { font-size: 16px background-color: lightgrey; }`

Thiếu dấu hai chấm `:` sau `h2`.

Thiếu dấu chấm phẩy `;` sau `16px`.

Thiếu dấu ngoặc nhọn `{}` sau `h2`.

Tên thuộc tính `background-color` bị sai.

Trong khối khai báo, mỗi khai báo thuộc tính: giá trị phải kết thúc bằng dấu chấm phẩy `;`. Ở đây, khai báo `font-size: 16px` thiếu dấu chấm phẩy kết thúc.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 22: Cho quy tắc CSS: `p { color: blue; }`. Nếu sau đó có một quy tắc khác: `p { color: red; }` trong cùng một tệp CSS được liên kết với trang HTML, màu chữ của các thẻ `

` sẽ là gì?

Màu đỏ (red).

Màu xanh dương (blue).

Màu hỗn hợp giữa xanh dương và đỏ.

Trình duyệt sẽ báo lỗi.

Trong CSS, khi có nhiều quy tắc áp dụng cho cùng một phần tử và cùng một thuộc tính, quy tắc được khai báo sau cùng trong tệp CSS sẽ ghi đè các quy tắc trước đó (nếu độ đặc hiệu selector như nhau). Do đó, màu chữ sẽ là màu đỏ.

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 23: Bạn muốn đặt một đường viền chỉ ở phía dưới của một phần tử `

` với ki???u nét đứt (dashed) màu xám. Quy tắc CSS nào là đúng?

div { border: dashed grey 1px bottom; }

div { border-bottom-style: dashed; border-bottom-color: grey; border-bottom-width: 1px; }

div { border-bottom: grey dashed 1px; }

div { border-bottom: 1px dashed grey; }

Thuộc tính `border-bottom` cho phép thiết lập đường viền riêng cho cạnh dưới. Giá trị `1px dashed grey` thiết lập độ dày 1px, kiểu nét đứt và màu xám.

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 24: Để tạo khoảng trống *bên trong* đường viền của một phần tử và nội dung của nó, thuộc tính CSS nào được sử dụng?

margin

padding

space

border-spacing

Padding tạo khoảng trống bên trong đường viền, giữa đường viền và nội dung của phần tử. Margin tạo khoảng trống bên ngoài đường viền, giữa phần tử đó và các phần tử khác.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 25: Bạn muốn đặt lề *ngoài* (khoảng cách với các phần tử xung quanh) cho một phần tử là 10 pixel ở tất cả các cạnh. Quy tắc CSS nào là đúng?

margin: 10px;

padding: 10px;

border-spacing: 10px;

margin-all: 10px;

Thuộc tính `margin` được dùng để thiết lập lề ngoài. Khi chỉ cung cấp một giá trị (ví dụ `10px`), giá trị đó sẽ áp dụng cho cả bốn cạnh (trên, phải, dưới, trái).

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 26: Hãy phân tích đoạn mã CSS sau và cho biết kết quả hiển thị của văn bản trong thẻ `

`: `h2 { color: blue; background-color: yellow; font-size: 20px; }`

Văn bản màu vàng, nền màu xanh dương, kích thước 20px.

Văn bản màu xanh dương, nền trong suốt, kích thước 20px.

Văn bản màu xanh dương, nền màu vàng, kích thước 20px.

Văn bản màu vàng, nền màu vàng, kích thước 20px.

Quy tắc này áp dụng cho tất cả thẻ `

`. `color: blue;` đặt màu chữ là xanh dương. `background-color: yellow;` đặt màu nền là vàng. `font-size: 20px;` đặt kích thước chữ là 20 pixel.

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 27: Bạn muốn một đoạn văn bản quan trọng trong thẻ `

` có màu chữ đỏ và độ đậm gấp đôi chữ thường. Quy tắc CSS nào sau đây *không* thực hiện được điều đó?

p { color: red; font-weight: bold; }

p { color: red; font-weight: 700; }

p { color: #FF0000; font-weight: bold; }

p { color: red; font-style: bold; }

`font-style: bold;` là cú pháp sai. `font-style` dùng cho in nghiêng (`italic`), in thường (`normal`), v.v. Để in đậm, ta dùng `font-weight: bold;` hoặc `font-weight: 700;`.

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 04

Câu 28: Giải thích lý do tại sao việc sử dụng CSS để định dạng trang web được khuyến khích hơn so với việc sử dụng thuộc tính `style` trực tiếp trong từng thẻ HTML (Inline CSS).

Inline CSS tải nhanh hơn.

Sử dụng CSS tập trung giúp quản lý, bảo trì và cập nhật giao diện dễ dàng hơn trên nhiều phần tử/trang.

Inline CSS cung cấp nhiều thuộc tính định dạng hơn.

Sử dụng CSS bên ngoài giúp trang web an toàn hơn trước các cuộc tấn công.

Inline CSS (sử dụng thuộc tính `style` trong thẻ) làm cho mã HTML trở nên lộn xộn, khó đọc và đặc biệt khó bảo trì, vì mỗi lần muốn thay đổi định dạng, bạn phải sửa từng thẻ HTML riêng lẻ trên tất cả các trang. CSS đặt trong tệp riêng hoặc 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

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é

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ã:

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

Thuộc tính `border` là viết tắt của `border-width`, `border-style`, và `border-color`. Bạn có thể khai báo cả ba giá trị này trong một dòng sử dụng thuộc tính `border`.

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

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS - Đề 05

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 1: Mục đích chính của việc sử dụng CSS trong thiết kế web là gì?

Thêm nội dung động vào trang web.

Định nghĩa cấu trúc logic của trang web.

Quản lý cơ sở dữ liệu cho trang web.

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

CSS (Cascading Style Sheets) được tạo ra với mục đích chính là tách biệt nội dung (HTML) khỏi phần trình bày (kiểu dáng, màu sắc, bố cục), giúp việc quản lý và cập nhật trang web trở nên hiệu quả hơn.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 2: Một quy tắc CSS cơ bản bao gồm những thành phần chính nào?

Bộ chọn (Selector), Khối khai báo (Declaration block) gồm các cặp Thuộc tính (Property) và Giá trị (Value).

Thẻ HTML, Thuộc tính, Giá trị.

Bộ chọn, Thẻ HTML, Khối khai báo.

Đường dẫn tệp CSS, Bộ chọn, Thuộc tính.

Một quy tắc CSS cơ bản có cấu trúc gồm bộ chọn (selector) chỉ định phần tử nào được áp dụng, và khối khai báo (declaration block) chứa một hoặc nhiều cặp thuộc tính (property) và giá trị (value) được ngăn cách bởi dấu hai chấm (:), mỗi khai báo kết thúc bằng dấu chấm phẩy (;).

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 3: Cho đoạn mã CSS sau: `p { color: blue; font-size: 16px; }`. Thành phần nào trong đoạn mã này là 'bộ chọn' (selector)?

color

blue

p

16px

Trong quy tắc CSS `p { color: blue; font-size: 16px; }`, 'p' đứng trước dấu ngoặc nhọn `{}` là bộ chọn, chỉ định rằng quy tắc này sẽ áp dụng cho tất cả các phần tử `

` trong tài liệu HTML.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

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

Bộ chọn

Thuộc tính

Giá trị

Khai báo

Trong cấu trúc một quy tắc CSS, phần đứng trước dấu hai chấm (:) trong khối khai báo là thuộc tính (property), xác định khía cạnh nào của phần tử sẽ được định dạng. Ở đây, 'text-align' là thuộc tính.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 5: Cho đoạn mã CSS: `div { border: 1px solid black; }`. Giá trị 'black' đang định dạng cho khía cạnh nào của đường viền?

Màu sắc

Độ dày

Kiểu

Bán kính góc

Thuộc tính viết tắt `border` kết hợp nhiều giá trị cho đường viền theo thứ tự: độ dày, kiểu, và màu sắc. Trong `1px solid black`, 'black' là giá trị xác định màu sắc của đường viền.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 6: Để thay đổi màu nền của một phần tử HTML sang màu vàng, bạn sẽ sử dụng thuộc tính CSS nào?

color

background-color

border-color

text-color

Thuộc tính `background-color` trong CSS được sử dụng để thiết lập màu nền cho một phần tử. Các thuộc tính khác như `color` là màu chữ, `border-color` là màu đường viền, `text-color` không phải là thuộc tính CSS hợp lệ.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 7: Thuộc tính nào được sử dụng để thiết lập kiểu phông chữ (ví dụ: Arial, Times New Roman) cho văn bản?

font-style

font-weight

font-family

font-size

Thuộc tính `font-family` trong CSS dùng để chỉ định danh sách các phông chữ ưu tiên sẽ được sử dụng để hiển thị văn bản.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 8: Để thiết lập kích thước chữ là 20 pixel cho tất cả các phần tử `

`, bạn sẽ viết quy tắc CSS như thế nào?

<h2> { text-size: 20px; }

h2 { font-size = 20px; }

<h2 style='font-size: 20px;'>

h2 { font-size: 20px; }

Để áp dụng kiểu cho tất cả các phần tử `

`, bộ chọn là `h2`. Để thiết lập kích thước chữ, sử dụng thuộc tính `font-size` với giá trị `20px`. Quy tắc hoàn chỉnh là `h2 { font-size: 20px; }`.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 9: Trong CSS, đơn vị 'px' thường được sử dụng để đo lường kích thước. 'px' là viết tắt của từ gì?

Pixels

Points

Percentage

Physical units

Trong CSS, 'px' là đơn vị đo lường tuyệt đối phổ biến, là viết tắt của 'pixels' (điểm ảnh).

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 10: Thuộc tính `border-style` với giá trị nào sẽ tạo ra đường viền là các đường gạch ngang?

solid

dashed

dotted

double

Trong các giá trị phổ biến của `border-style`, `dashed` tạo ra đường viền là các đường gạch ngang. `solid` tạo đường liền nét, `dotted` tạo các chấm, `double` tạo hai đường liền nét.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 11: Bạn muốn tất cả các đoạn văn (thẻ `

`) trên trang web có màu chữ là màu xanh lá cây. Quy tắc CSS nào sau đây là đúng?

paragraph { color: green; }

.p { color: green; }

p { color: green; }

<p style='color: green;'>

Để chọn tất cả thẻ `

`, sử dụng bộ chọn `p`. Để đặt màu chữ, sử dụng thuộc tính `color` với giá trị màu xanh lá cây, ví dụ 'green'. Quy tắc đúng là `p { color: green; }`.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 12: Cho đoạn mã HTML: `

Nội dung

`. Đây là cách áp dụng CSS nào?

CSS nội dòng (Inline CSS)

CSS nội bộ (Internal/Embedded CSS)

CSS ngoài (External CSS)

CSS chung (Global CSS)

Áp dụng CSS trực tiếp vào thẻ HTML bằng thuộc tính `style` được gọi là CSS nội dòng (Inline CSS).

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 05

Câu 13: Việc tách CSS ra khỏi HTML (sử dụng tệp CSS ngoài hoặc khối `
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

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é

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ã:

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

CSS nội dòng (Inline CSS) áp dụng trực tiếp vào thẻ HTML có độ ưu tiên cao nhất trong các phương pháp áp dụng CSS cơ bản (so với Internal/External CSS với bộ chọn thông thường). Do đó, thuộc tính `style="color: red;"` trên thẻ `` sẽ được áp dụng, làm cho từ 'văn bản' có màu đỏ.

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

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS - Đề 06

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 1: Mục đích chính của việc sử dụng CSS (Cascading Style Sheets) trong phát triển web là gì?

CSS được tạo ra để tách biệt hoàn toàn phần nội dung của trang web (HTML) với phần trình bày, định dạng (màu sắc, bố cục, phông chữ...). Điều này giúp quản lý, chỉnh sửa và tái sử dụng mã dễ dàng hơn.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 2: Hãy xem đoạn mã CSS sau: `h1 { color: blue; font-size: 24px; }`. Thành phần `h1` trong đoạn mã này được gọi là gì?

Trong cú pháp CSS cơ bản, phần đứng trước dấu `{}` để chỉ định các phần tử HTML nào sẽ được áp dụng quy tắc định dạng được gọi là bộ chọn (selector).

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 3: Trong đoạn mã CSS `p { text-align: center; }`, thành phần `text-align` được gọi là gì?

Thuộc tính (property) trong CSS là tên của kiểu định dạng mà bạn muốn thay đổi (ví dụ: màu sắc, kích thước chữ, căn lề...).

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 4: Trong đoạn mã CSS `body { background-color: lightgrey; }`, thành phần `lightgrey` được gọi là gì?

Giá trị (value) trong CSS là cài đặt cụ thể cho thuộc tính (ví dụ: màu 'blue', kích thước '24px', căn lề 'center').

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 5: Đoạn mã CSS sau: `div { border: 1px solid black; }` sẽ áp dụng định dạng gì cho tất cả các phần tử `

`?

Thuộc tính `border` là thuộc tính rút gọn cho phép thiết lập độ dày (`1px`), kiểu (`solid`) và màu (`black`) của đường viền cùng lúc.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 6: Nếu bạn muốn tất cả các đoạn văn bản (`

`) trên trang web có màu chữ là màu xanh lá cây, đoạn mã CSS nào sau đây là đúng?

Để chọn tất cả các phần tử `

`, ta dùng bộ chọn `p`. Thuộc tính để đổi màu chữ là `color`, và giá trị cho màu xanh lá cây là `green`. Cú pháp đúng là `thuộc_tính: giá_trị;` bên trong khối khai báo `{}`.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 7: Thuộc tính CSS nào được sử dụng để xác định loại phông chữ (ví dụ: Arial, Times New Roman) cho văn bản?

Thuộc tính `font-family` trong CSS được sử dụng để chỉ định danh sách các phông chữ ưu tiên cho văn bản.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 8: Đơn vị `px` thường được sử dụng trong CSS để xác định kích thước (ví dụ: kích thước chữ, độ dày đường viền) có ý nghĩa là gì?

`px` là viết tắt của pixel, một đơn vị đo lường tuyệt đối trong CSS, tương ứng với một điểm ảnh trên màn hình hiển thị.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 9: Nếu bạn muốn đặt màu nền cho toàn bộ trang web, bạn nên sử dụng bộ chọn nào trong CSS?

Phần tử `` trong HTML chứa toàn bộ nội dung hiển thị trên trang. Áp dụng định dạng cho `` sẽ ảnh hưởng đến nền của toàn bộ trang.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 10: Hãy xem đoạn mã HTML và CSS sau:
HTML:
```html

Tiêu đề chính

Đoạn văn bản thứ nhất.

Đoạn văn bản thứ hai.

```
CSS:
```css
p {
color: red;
}
```
Đoạn văn bản nào sẽ có màu đỏ?

Bộ chọn `p` áp dụng quy tắc định dạng cho TẤT CẢ các phần tử `

` trên trang. Do đó, cả hai đoạn văn bản sẽ có màu đỏ.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 11: Trong cú pháp CSS, mỗi khai báo (declaration) kết thúc bằng ký tự gì?

Mỗi cặp thuộc tính: giá trị trong khối khai báo phải được phân cách bằng dấu chấm phẩy (`;`). Dấu chấm phẩy cuối cùng trong khối khai báo là tùy chọn, nhưng nên dùng để nhất quán.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 12: Đâu là cách viết đúng cú pháp cho một quy tắc CSS?

Cú pháp CSS đúng là `selector { property: value; property2: value2; ... }`. Phương án 3 tuân thủ cấu trúc này.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 13: Thuộc tính CSS nào được sử dụng để căn giữa nội dung văn bản bên trong một phần tử?

Thuộc tính `text-align` được sử dụng để căn chỉnh văn bản theo chiều ngang. Giá trị `center` sẽ căn giữa văn bản.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 14: Nếu bạn muốn đặt kích thước chữ lớn hơn bình thường cho một đoạn văn bản, bạn sẽ sử dụng thuộc tính nào và giá trị nào có thể dùng?

Thuộc tính `font-size` dùng để điều chỉnh kích thước chữ. Giá trị có thể là đơn vị tuyệt đối như `px` (pixel) hoặc đơn vị tương đối như `%` (phần trăm) hoặc từ khóa như `large`, `larger`.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 15: Hãy xem đoạn mã HTML và CSS:
HTML:
```html

Nội dung hộp.

```
CSS:
```css
div p {
color: blue;
}
```
Đoạn mã CSS này sẽ áp dụng kiểu cho phần tử nào?

Bộ chọn `div p` là bộ chọn con cháu (descendant selector). Nó chọn tất cả các phần tử `

` là con cháu (nằm bên trong) của một phần tử `

` bất kỳ.

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 06

Câu 16: Lợi ích của việc sử dụng một tệp CSS riêng biệt (external stylesheet) thay vì viết CSS trực tiếp 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

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é

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ã:

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 (property: value) trong khối khai báo CSS phải kết thúc bằng dấu chấm phẩy (`;`). Trong đoạn mã này, khai báo `color: red` thiếu dấu chấm phẩy kết thúc.

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

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS - Đề 07

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 1: Mục đích chính của việc sử dụng CSS (Cascading Style Sheets) trong phát triển web là gì?

Để viết nội dung văn bản cho trang web.

Để tạo cấu trúc và nội dung cho trang web.

Để định dạng và trình bày giao diện của các phần tử HTML.

Để thêm các chức năng tương tác cho trang web.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 2: Lợi ích quan trọng nhất khi sử dụng CSS để tách biệt nội dung (HTML) và định dạng là gì?

Giúp trang web tải nhanh hơn.

Làm cho mã HTML dễ đọc hơn.

Giúp tối ưu hóa trang web cho công cụ tìm kiếm (SEO).

Cho phép dễ dàng thay đổi giao diện toàn bộ trang web hoặc nhiều trang mà không cần sửa cấu trúc HTML.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

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

Bộ chọn, khối khai báo (chứa thuộc tính và giá trị).

Thẻ HTML, thuộc tính CSS, giá trị CSS.

Bộ chọn, định dạng, kiểu.

Tên lớp, tên ID, tên thuộc tính.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 4: Trong quy tắc CSS sau: `p { color: blue; font-size: 16px; }`, 'p' được gọi là gì?

Thuộc tính (Property)

Bộ chọn (Selector)

Giá trị (Value)

Khai báo (Declaration)

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 5: Trong quy tắc CSS sau: `h1 { color: green; }`, 'color' được gọi là gì?

Thuộc tính (Property)

Bộ chọn (Selector)

Giá trị (Value)

Khai báo (Declaration)

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 6: Trong quy tắc CSS sau: `div { background-color: yellow; }`, 'yellow' được gọi là gì?

Thuộc tính (Property)

Bộ chọn (Selector)

Giá trị (Value)

Khai báo (Declaration)

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 7: Thuộc tính CSS nào được sử dụng để thay đổi màu nền của một phần tử HTML?

color

background-color

text-color

border-color

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 8: Nếu bạn muốn tất cả các tiêu đề cấp 2 (`

`) trên trang web của mình có màu đỏ, bạn sẽ sử dụng quy tắc CSS nào sau đây?

`.h2 { color: red; }`

`#h2 { color: red; }`

`h2 { color: red; }`

`<h2 style="color: red;">`

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 9: Thuộc tính CSS nào được sử dụng để thiết lập kiểu phông chữ (ví dụ: Arial, Times New Roman) cho văn bản?

font-style

font-weight

font-size

font-family

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 10: Đơn vị đo lường phổ biến nhất để xác định kích thước phông chữ (`font-size`) trong CSS là gì?

px (pixels)

cm (centimeters)

kg (kilograms)

miles

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 11: Để tạo đường viền liền nét, dày 2 pixel và có màu đen cho một phần tử, bạn sẽ sử dụng kết hợp các thuộc tính border nào?

border-style và border-color

border-width, border-style và border-color

border-thickness và border-type

border-size, border-style và border-color

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 12: Thuộc tính `border-style: solid;` có tác dụng gì?

Tạo đường viền là các chấm tròn.

Tạo đường viền là các nét gạch ngang.

Tạo đường viền là một đường liền nét.

Tạo đường viền là các đường đôi.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 13: Quan sát đoạn mã HTML và CSS sau:
HTML: `

Xin chào!

`
CSS: `p { color: green; }`
Kết quả hiển thị trên trình duyệt sẽ là gì?

Văn bản 'Xin chào!' hiển thị màu xanh lá cây.

Văn bản 'Xin chào!' hiển thị màu đỏ.

Văn bản 'Xin chào!' hiển thị màu đen (mặc định).

Không có gì hiển thị vì cú pháp CSS bị lỗi.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 14: Quan sát đoạn mã HTML và CSS sau:
HTML: `

Tiêu đề

`
CSS: `h1 { background-color: lightblue; }`
Kết quả hiển thị trên trình duyệt sẽ là gì?

Tiêu đề 'Tiêu đề' hiển thị màu chữ xanh da trời nhạt.

Tiêu đề 'Tiêu đề' có màu nền xanh da trời nhạt.

Tiêu đề 'Tiêu đề' có đường viền màu xanh da trời nhạt.

Không có gì thay đổi vì `background-color` chỉ áp dụng cho ảnh nền.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 15: Thuộc tính CSS nào được sử dụng để căn chỉnh văn bản bên trong một phần tử?

align-text

vertical-align

text-decoration

text-align

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 16: Để làm cho văn bản trong một đoạn (thẻ `

`) được căn giữa, bạn sẽ sử dụng quy tắc CSS nào?

`p { text-align: center; }`

`p { align: center; }`

`p { text-align: middle; }`

`p { align-text: center; }`

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 17: Khối khai báo (declaration block) trong quy tắc CSS được đặt trong cặp dấu nào?

()

{}

[]

<>

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 18: Mỗi khai báo (declaration) trong khối khai báo CSS phải kết thúc bằng dấu gì?

:

,

.

;

19 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 19: Nếu bạn muốn áp dụng cùng một kiểu định dạng cho cả tiêu đề cấp 1 (`

`) và tiêu đề cấp 2 (`

`), bạn có thể viết quy tắc CSS hiệu quả hơn bằng cách nào?

Sử dụng bộ chọn nhóm: `h1, h2 { ... }`

Lặp lại quy tắc cho từng bộ chọn: `h1 { ... } h2 { ... }`

Sử dụng bộ chọn lồng nhau: `h1 h2 { ... }`

Không thể áp dụng cùng một quy tắc cho nhiều bộ chọn khác nhau.

20 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 20: Quan sát quy tắc CSS sau: `p { color=red; }`. Quy tắc này có lỗi cú pháp ở đâu?

Thiếu dấu chấm phẩy ở cuối.

Sử dụng dấu bằng (=) thay vì dấu hai chấm (:) giữa thuộc tính và giá trị.

Bộ chọn 'p' không hợp lệ.

Giá trị 'red' không hợp lệ cho thuộc tính color.

21 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 21: Quan sát quy tắc CSS sau: `body { font-family: Arial, sans-serif; }`. Điều gì xảy ra nếu phông chữ 'Arial' không có sẵn trên máy tính của người dùng?

Văn bản sẽ không hiển thị.

Trình duyệt sẽ báo lỗi.

Trình duyệt sẽ tự động chọn một phông chữ ngẫu nhiên.

Trình duyệt sẽ thử sử dụng phông chữ 'sans-serif' hoặc phông chữ mặc định của hệ thống trong họ sans-serif.

22 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 22: Để in đậm văn bản trong một phần tử, bạn sẽ sử dụng thuộc tính CSS nào?

font-weight

font-style

text-decoration

text-emphasis

23 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 23: Nếu bạn muốn tạo một đường kẻ gạch chân cho văn bản, bạn sẽ sử dụng thuộc tính CSS nào?

font-style

border-bottom

text-decoration

underline

24 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 24: Trong CSS, thuộc tính `color` áp dụng cho phần nào của văn bản?

Màu nền của văn bản.

Màu chữ của văn bản.

Màu đường viền của văn bản.

Màu bóng của văn bản.

25 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 25: Hãy phân tích quy tắc CSS sau: `div { border: 1px solid black; }`. Quy tắc này làm gì?

Tạo đường viền liền nét màu đen dày 1px cho tất cả thẻ `div`.

Tạo đường viền chấm tròn màu đen dày 1px cho tất cả thẻ `div`.

Thiết lập màu chữ đen và nền trắng cho tất cả thẻ `div`.

Thiết lập khoảng cách lề 1px cho tất cả thẻ `div`.

26 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 26: Giả sử bạn có một trang web với nhiều đoạn văn bản (

). Nếu bạn muốn tất cả các đoạn văn này có lề trái 20px, quy tắc CSS nào sau đây là đúng và hiệu quả nhất?

`<p style="margin-left: 20px;">` (Chỉ áp dụng cho một đoạn)

`.p { margin-left: 20px; }` (Sai bộ chọn)

`p { margin-left: 20px; }`

`#p { margin-left: 20px; }` (Sai bộ chọn)

27 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 27: Thuộc tính CSS nào dùng để xác định độ dày của đường viền?

border-size

border-height

border-thickness

border-width

28 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 28: Khi làm quen với CSS, việc hiểu rõ cú pháp cơ bản (bộ chọn, thuộc tính, giá trị, khối khai báo) là quan trọng nhất vì:

Đây là nền tảng để có thể đọc, hiểu và viết bất kỳ quy tắc CSS nào.

Nó giúp trang web tải nhanh hơn.

Nó giúp tự động tạo giao diện đẹp.

Cú pháp cơ bản ít khi thay đổi trong các phiên bản CSS mới.

29 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 29: Điều gì xảy ra nếu bạn viết sai tên thuộc tính CSS (ví dụ: `colour` thay vì `color`)?

Trình duyệt sẽ tự động sửa lỗi chính tả.

Toàn bộ trang web sẽ không hiển thị.

Thuộc tính đó sẽ bị bỏ qua và không có hiệu lực.

Trình duyệt sẽ hiển thị một thông báo lỗi cho người dùng.

30 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 07

Câu 30: Khi sử dụng CSS, bạn có thể áp dụng định dạng cho các phần tử HTML dựa trên tên thẻ (ví dụ: `p`, `h1`, `div`). Loại b??? chọn này được gọi là gì?

Bộ chọn phần tử (Element selector)

Bộ chọn lớp (Class selector)

Bộ chọn ID (ID selector)

Bộ chọn thuộc tính (Attribute selector)
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

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é

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ã:

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

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

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS - Đề 08

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 08

Câu 1: Mục đích chính của việc sử dụng CSS (Cascading Style Sheets) trong thiết kế web là gì?

Để tạo ra nội dung động cho trang web.

Để định dạng và trình bày các phần tử HTML trên trang web.

Để xử lý các yêu cầu từ người dùng gửi đến máy chủ.

Để lưu trữ dữ liệu cấu trúc của trang web.

CSS được t??o ra để tách biệt nội dung (HTML) khỏi phần trình bày (kiểu dáng, màu sắc, bố cục), giúp quản lý và cập nhật giao diện trang web dễ dàng hơn.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 08

Câu 2: Một quy tắc CSS cơ bản bao gồm những thành phần nào?

Thẻ mở, nội dung, thẻ đóng.

Tên hàm, tham số, kết quả.

Bộ chọn (selector) và khối khai báo (declaration block).

URL, phương thức truy cập, dữ liệu.

Một quy tắc CSS cơ bản gồm bộ chọn (selector) xác định phần tử áp dụng và khối khai báo (declaration block) chứa một hoặc nhiều cặp thuộc tính-giá trị.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 08

Câu 3: Để áp dụng CSS cho một trang HTML bằng cách nhúng trực tiếp vào phần `` của tài liệu HTML, ta sử dụng thẻ nào?

<style>

<link>

<script>

<css>

Phương pháp nhúng CSS vào phần `` của tài liệu HTML được gọi là Internal CSS (CSS nội bộ) và sử dụng 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

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é

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ã:

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

Sử dụng External CSS (tệp .css riêng) cho phép áp dụng cùng một bộ quy tắc định dạng cho TOÀN BỘ website (nhiều trang HTML) bằng cách liên kết tệp CSS đó vào mỗi trang. Điều này giúp đồng bộ hóa giao diện, dễ dàng cập nhật và giảm dung lượng tải trang do tệp CSS có thể được cache.

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

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS - Đề 09

1 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

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

Tách biệt phần nội dung (HTML) và phần trình bày (kiểu dáng).

Thêm các chức năng tương tác cho trang web.

Quản lý cơ sở dữ liệu cho trang web.

CSS được tạo ra để tách biệt hoàn toàn phần nội dung (được viết bằng HTML) với phần trình bày (kiểu dáng, màu sắc, bố cục). Điều này giúp quản lý và cập nhật website dễ dàng hơn.

2 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Xác định giá trị của thuộc tính định dạng.

Xác định kiểu định dạng sẽ áp dụng (ví dụ: màu sắc, kích thước).

Xác định (các) phần tử HTML sẽ được áp dụng quy tắc định dạng.

Kết thúc một quy tắc định dạng.

Bộ chọn (selector) trong CSS xác định (chọn) các phần tử HTML mà quy tắc định dạng sẽ được áp dụng lên chúng.

3 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

p { text-color: blue; }

paragraph { color: blue; }

p { blue: color; }

p { color: blue; }

Để chọn tất cả các phần tử `

`, ta dùng bộ chọn `p`. Thuộc tính thay đổi màu chữ là `color`, và giá trị màu xanh dương là `blue`. Cú pháp đúng là `selector { property: value; }`.

4 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

h1 { color: red; font-size: 36px; }

H1 { text-color: red; size: 36px; }

h1 { font-color: red; text-size: 36px; }

H1 { red: color; 36px: font-size; }

Để định dạng thẻ `

`, bộ chọn là `h1`. Màu chữ dùng thuộc tính `color`, cỡ chữ dùng `font-size`. Cú pháp đúng là `h1 { color: red; font-size: 36px; }`.

5 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

color

background-color

bgcolor

fill-color

Thuộc tính `background-color` trong CSS được sử dụng để xác định màu nền cho một phần tử.

6 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-style

font-size

font-family

text-font

Thuộc tính `font-family` trong CSS được dùng để chỉ định danh sách các phông chữ ưu tiên để trình duyệt sử dụng khi hiển thị văn bản.

7 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

px (pixel)

cm (centimeter)

in (inch)

kg (kilogram)

Pixel (`px`) là đơn vị đo lường tuyệt đối phổ biến trong CSS, thường dùng để xác định kích thước chữ khi muốn kiểm soát chính xác số điểm ảnh.

8 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

border-width

border-color

border-size

border-style

Thuộc tính `border-style` được dùng để thiết lập kiểu hiển thị của đường viền. Ví dụ: `solid`, `dotted`, `dashed`.

9 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

border-style

color

background-color

font-size

Để đường viền hiển thị, bạn cần xác định kiểu của nó (`border-style`). Nếu không có kiểu, đường viền sẽ không hiển thị, và màu sắc (`border-color`) sẽ không được nhìn thấy.

10 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

p { text-color: green; background: yellow; }

p { green: color; yellow: background-color; }

p { color: green; background-color: yellow; }

paragraph { color: green; background-color: yellow; }

Bộ chọn là `p`. Màu chữ dùng `color: green;`. Màu nền dùng `background-color: yellow;`. Các khai báo được đặt trong khối `{}` và phân cách bởi dấu `;`.

11 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

()

{}

[]

<>

Các khai báo (property: value;) trong một quy tắc CSS được nhóm lại bên trong cặp dấu ngoặc nhọn `{}`.

12 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

:

.

,

;

Dấu chấm phẩy (`;`) được sử dụng để phân cách các khai báo (declaration) khác nhau trong một khối quy tắc CSS.

13 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Có thể thay đổi giao diện của nhiều trang web chỉ bằng cách chỉnh sửa một tệp CSS duy nhất.

Làm cho mã HTML phức tạp hơn nhưng linh hoạt hơn.

Chỉ cho phép định dạng một phần tử HTML tại một thời điểm.

Tăng tốc độ tải trang bằng cách nhúng trực tiếp định dạng vào HTML.

Bằng cách tách biệt định dạng khỏi nội dung, bạn có thể thay đổi giao diện của toàn bộ trang web (hoặc nhiều trang) chỉ bằng cách chỉnh sửa một tệp CSS duy nhất, mà không cần chạm vào mã HTML của từng trang.

14 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

underline: none;

text-decoration: none;

decoration: none;

font-decoration: none;

Thuộc tính `text-decoration` kiểm soát việc trang trí văn bản như gạch chân, gạch ngang. Giá trị `none` sẽ loại bỏ gạch chân mặc định của liên kết.

15 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-weight

text-weight

font-style

text-style

Thuộc tính `font-weight` được sử dụng để thiết lập độ đậm nhạt của phông chữ. Giá trị `bold` hoặc một số lớn hơn (ví dụ: `700`) sẽ làm cho chữ in đậm.

16 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

align

vertical-align

text-align

horizontal-align

Thuộc tính `text-align` kiểm soát việc căn chỉnh văn bản bên trong một phần tử. Các giá trị phổ biến là `left`, `right`, `center`, `justify`.

17 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

div { border-style: dashed; color: green; }

div { border: dashed green; }

div { border-color: green; style: dashed; }

div { border-style: dashed; border-color: green; }

Bộ chọn là `div`. Kiểu đường viền nét đứt là `border-style: dashed;`. Màu đường viền là `border-color: green;`. Cần cả hai thuộc tính để đường viền hiển thị với kiểu và màu mong muốn.

18 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Tệp CSS bên ngoài chỉ áp dụng cho một phần tử duy nhất.

Tệp CSS bên ngoài tải nhanh hơn CSS nội bộ vì nó được nhúng trực tiếp vào HTML.

Có thể sử dụng lại cùng một tệp CSS cho nhiều trang HTML khác nhau.

CSS bên ngoài có độ ưu tiên thấp hơn CSS nội bộ.

Tệp CSS bên ngoài có thể được liên kết và sử dụng bởi nhiều trang HTML khác nhau trong cùng một website, giúp duy trì sự nhất quán về giao diện và dễ dàng thay đổi đồng bộ.

19 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Nhóm các bộ chọn bằng dấu phẩy: `h2, h3 { ... }`

Viết hai quy tắc riêng biệt cho từng bộ chọn.

Sử dụng bộ chọn lồng nhau: `h2 h3 { ... }`

Sử dụng bộ chọn kết hợp: `h2+h3 { ... }`

Trong CSS, bạn có thể nhóm các bộ chọn bằng cách phân cách chúng bằng dấu phẩy (`,`) để áp dụng cùng một tập hợp các khai báo cho tất cả các bộ chọn đó.

20 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Tất cả các đoạn văn.

Tất cả các tiêu đề.

Chỉ phần tử `<html>`.

Toàn bộ phần thân của trang web (nội dung hiển thị).

Bộ chọn `body` nhắm đến phần tử `` của tài liệu HTML. Phần tử `body` chứa toàn bộ nội dung hiển thị của trang, do đó áp dụng màu nền cho `body` sẽ thiết lập màu nền cho toàn bộ trang.

21 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Xác định khoảng cách giữa đường viền và nội dung bên trong.

Xác định kiểu của đường viền.

Xác định độ dày của đường viền.

Xác định màu của đường viền.

Thuộc tính `border-width` xác định độ dày của đường viền. Nó hoạt động độc lập với `border-style` và `border-color` nhưng cần `border-style` khác `none` để đường viền hiển thị.

22 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

img { border: solid grey; }

img { border-style: solid; border-color: grey; }

image { border-style: solid; border-color: grey; }

img { style: solid; color: grey; }

Để chọn tất cả hình ảnh, bộ chọn là `img`. Đường viền nét liền dùng `border-style: solid;`. Màu xám dùng `border-color: grey;` (hoặc `gray`).

23 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

24px

17.5px

32px

8px

Tăng kích thước lên gấp rưỡi nghĩa là nhân giá trị hiện tại với 1.5. `16px * 1.5 = 24px`.

24 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Trình duyệt sẽ tự động sửa lỗi và áp dụng định dạng đúng.

Trang web sẽ hiển thị thông báo lỗi và không tải được.

Trình duyệt sẽ bỏ qua (không áp dụng) khai báo định dạng đó.

Chỉ thuộc tính đầu tiên trong quy tắc đó được áp dụng.

Nếu tên thuộc tính không hợp lệ theo chuẩn CSS, trình duyệt sẽ bỏ qua (không áp dụng) khai báo đó. Nó không gây ra lỗi dừng chương trình nhưng định dạng mong muốn sẽ không xuất hiện.

25 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Phức tạp hơn và khó đọc hơn.

Chỉ có thể chỉnh sửa bởi chuyên gia.

Ít linh hoạt hơn trong việc thay đổi giao diện.

Gọn gàng, dễ đọc và dễ quản lý hơn.

Tách biệt giúp HTML chỉ tập trung vào cấu trúc và nội dung, còn CSS tập trung vào trình bày. Điều này làm cho cả hai phần trở nên gọn gàng, dễ đọc, dễ viết và dễ quản lý hơn.

26 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Mỗi khai báo trong khối quy tắc CSS cần kết thúc bằng dấu chấm phẩy (`;`). Khai báo `color: red` trong quy tắc cho `h1` thiếu dấu `;` ở cuối. Mặc dù đôi khi trình duyệt vẫn xử lý được khai báo cuối cùng trong khối, nhưng việc thiếu dấu `;` là không đúng cú pháp và có thể gây lỗi nếu có thêm khai báo khác theo sau.

27 / 29

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 09

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

h1 { color: green; } p { color: purple; }

h1, p { color: green, purple; }

h1 p { color: green purple; }

color: h1 green; color: p purple;

Cần hai quy tắc CSS riêng biệt: một cho `h1` và một cho `p`. Quy tắc cho `h1` là `h1 { color: green; }`. Quy tắc cho `p` là `p { color: purple; }`. Cả hai quy tắc này được đặt trong cùng một 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

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é

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ã:

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

Sử dụng bộ chọn phần tử `li` sẽ áp dụng quy tắc CSS cho tất cả các thẻ `

` trên trang một cách trực tiếp và hiệu quả, không cần thêm mã định danh hay lớp.

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

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS - Đề 10

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Xây dựng cấu trúc và nội dung cho trang web.

Định dạng và trình bày các phần tử HTML trên trang web.

Tạo hiệu ứng động phức tạp cho trang web.

Quản lý cơ sở dữ liệu cho trang web.

CSS (Cascading Style Sheets) được tạo ra để định dạng và trình bày các phần tử HTML, tách biệt hoàn toàn việc định nghĩa cấu trúc nội dung (HTML) khỏi việc trình bày (CSS).

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Thẻ HTML và nội dung.

Tên file CSS và đường dẫn.

Bộ chọn (Selector) và khối khai báo (Declaration block).

URL và mã màu.

Một luật CSS cơ bản bao gồm bộ chọn (selector) để xác định phần tử áp dụng, theo sau là khối khai báo (declaration block) được bao bởi dấu ngoặc nhọn `{}`. Trong khối khai báo là các cặp thuộc tính (property) và giá trị (value), cách nhau bởi dấu hai chấm `:`, kết thúc bằng dấu chấm phẩy `;`.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

p

color

blue

{ color: blue; }

Bộ chọn (selector) là phần đứng trước dấu ngoặc nhọn `{}` và xác định phần tử HTML nào sẽ được áp dụng luật CSS này. Trong trường hợp này, `p` là bộ chọn, áp dụng cho tất cả các thẻ `

`.

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

h1

font-size

24px

;

Thuộc tính (property) là khía cạnh của phần tử HTML mà bạn muốn thay đổi định dạng. Nó đứng trước dấu hai chấm `:` trong một khai báo. Trong trường hợp này, `font-size` là thuộc tính.

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

body

background-color

lightgrey

{ background-color: lightgrey; }

Giá trị (value) là cài đặt cụ thể cho thuộc tính. Nó đứng sau dấu hai chấm `:` trong một khai báo. Trong trường hợp này, `lightgrey` là giá trị của thuộc tính `background-color`.

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

color

background-color

text-color

font-color

Thuộc tính `color` trong CSS được sử dụng để thiết lập màu sắc của văn bản.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

color

text-background

font-background

background-color

Thuộc tính `background-color` trong CSS được sử dụng để thiết lập màu nền cho một phần tử HTML.

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

font-style

font-family

font-weight

font-size

Thuộc tính `font-family` trong CSS được sử dụng để chỉ định họ phông chữ sẽ được áp dụng cho phần tử.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

text-size

font-style

font-size

text-dimension

Thuộc tính `font-size` trong CSS được sử dụng để thiết lập kích thước của phông chữ.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Kích thước tính bằng điểm ảnh trên màn hình.

Kích thước tính bằng phần trăm so với phần tử cha.

Kích thước tính bằng đơn vị 'em'.

Kích thước tính bằng đơn vị in (inches).

Đơn vị `px` là viết tắt của pixel, một đơn vị đo lường tuyệt đối trong CSS, tương ứng với một điểm ảnh trên màn hình.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

border-width

border-color

border-radius

border-style

Thuộc tính `border-style` trong CSS xác định kiểu hiển thị của đường viền, ví dụ: `solid`, `dotted`, `dashed`, `double`, v.v.

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

Xác định màu sắc đường viền.

Xác định độ dày của đường viền.

Xác định kiểu đường viền.

Xác định khoảng cách lề của đường viền.

Thuộc tính `border-width` được sử dụng để thiết lập độ dày của đường viền cho một phần tử.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

border-color

border-style

border-paint

border-fill

Thuộc tính `border-color` trong CSS được sử dụng để thiết lập màu sắc của đường viền.

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

`<style>`

`<script>`

`<link>`

`<css>`

Thẻ `` với thuộc tính `rel="stylesheet"` và `href` trỏ đến tệp CSS được sử dụng để liên kết tệp CSS bên ngoài với tài liệu HTML.

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 8: Làm quen với CSS

Tags: Bộ đề 10

Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?

`<style>...</style>`

`<css>...</css>`

`<link>...</link>`

`<script>...</script>`

Các luật CSS nội bộ được viết bên 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

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é

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ã:

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

Cần sử dụng bộ chọn `h1`. Các thuộc tính cần thiết là `border-style: dashed;`, `border-color: orange;`, và `border-width: 3px;`. Kết hợp chúng trong một luật CSS.

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

Đề Trắc nghiệm Tin học 12 – Bài 4: Trình bày nội dung theo dạng danh sách, bảng biểu (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 10: Bộ chọn lớp, bộ chọn định danh (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 2: Thực hành về mô phỏng (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 1: Thực hành kết nối máy tính với ti vi thông minh (Cánh Diều)

Đề Trắc nghiệm Tin học 12 – Bài 2: Thực hành theo nhóm kết nối các thiết bị không dây cho ứng dụng (Cánh Diều)

Danh mục Trắc Nghiệm Môn Tin Học 12 - Cánh Diều

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

`) trên trang web của mình có màu chữ là đỏ. Quy tắc CSS nào sau đây thực hiện được điều đó?

`, ta sử dụng bộ chọn `h1`. Thuộc tính để thay đổi màu chữ là `color`, và giá trị màu đỏ có thể là `red`. Quy tắc đầy đủ là `h1 { color: red; }`.

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

` thành màu xanh lá cây. Quy tắc CSS nào sau đây là đúng cú pháp để thực hiện điều đó?

`, ta dùng bộ chọn `h2`. Để đặt màu chữ, ta dùng thuộc tính `color`. Giá trị màu xanh lá cây có thể là `green`. Cú pháp đúng là `selector { property: value; }`.

`) trên trang web của mình được căn giữa. Thuộc tính CSS nào bạn cần sử dụng?

`, `

` và ` `.

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ó phông chữ 'Arial' và nếu không có 'Arial' thì dùng phông chữ 'sans-serif'. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu đó?

`. Thuộc tính `text-align: center` căn giữa nội dung, và `color: green` đặt màu chữ là xanh lá cây.

`, ` `, ...) ra giữa theo chiều ngang. Thuộc tính CSS nào bạn cần sử dụ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

`. Quy tắc CSS `h1 { color: green; }` sẽ áp dụng định dạng nào cho thẻ `

`?

`: `h2 { color: blue; background-color: yellow; font-size: 20px; }`

`. `color: blue;` đặt màu chữ là xanh dương. `background-color: yellow;` đặt màu nền là vàng. `font-size: 20px;` đặt kích thước chữ là 20 pixel.

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 sẽ viết quy tắc CSS như thế nào?

`, bộ chọn là `h2`. Để thiết lập kích thước chữ, sử dụng thuộc tính `font-size` với giá trị `20px`. Quy tắc hoàn chỉnh là `h2 { font-size: 20px; }`.

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

`) trên trang web của mình có màu đỏ, bạn sẽ sử dụng quy tắc CSS nào sau đây?

Tiêu đề

`) và tiêu đề cấp 2 (`

`), bạn có thể viết quy tắc CSS hiệu quả hơn bằng cách nào?

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ộ chọn là `h1`. Màu chữ dùng thuộc tính `color`, cỡ chữ dùng `font-size`. Cú pháp đúng là `h1 { color: red; font-size: 36px; }`.

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ắ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

` và `

`.

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

`, `

`, ...) ra giữa theo chiều ngang. Thuộc tính CSS nào bạn cần sử dụ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

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