wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Câu hỏi trắc nghiệm về CSS

Total questions: 56

Worksheet time: 29mins

Name
Class
Date
1.

Bộ chọn phần tử thường được dùng để áp dụng CSS cho

a)

Chỉ một phần tử cụ thể trong văn bản HTML.

b)

Phải nhiều phần tử cụ thể trong văn bản HTML.

c)

Một hoặc nhiều phần tử cụ thể trong văn bản HTML.

d)

Phải nhiều phần tử trong văn bản HTML.

2.

Phần tử nào sau đây được dùng để khai báo internal CSS

a)

link

b)

base

c)

style

d)

meta

3.

Thuộc tính CSS được dùng để thiết lập màu chữ:

a)

color

b)

background-color

c)

font-family

d)

font-size

4.

Thuộc tính CSS được dùng để thiết lập màu nền:

a)

color

b)

background-color

c)

font-family

d)

font-size

5.

Thuộc tính CSS được dùng để thiết lập phông chữ:

a)

color

b)

background-color

c)

font-family

d)

font-size

6.

Thuộc tính CSS được dùng để thiết lập cỡ chữ:

a)

color

b)

background-color

c)

font-family

d)

font-size

7.

Cho khai báo định dạng như sau a{height: 50 px; padding:3px; border:2px solid; margin: 2px;} Giá trị nào sau đây là chiều cao của phần tử a khi hiển thị trên màn hình trình duyệt web tính theo pixel?

a)

57.

b)

50.

c)

55.

d)

54.

8.

Phát biểu nào sau đây nêu đúng mục đích sử dụng css?

a)

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

b)

Thêm hiệu ứng động và tương tác vào trang web.

c)

Đinh dạng và trang trí giao diện của trang web.

d)

Kiểm soát dữ liệu đầu vào trên trang web.

9.

css là viết tắt của cụm từ nào sau đây?

a)

Creative Style Sheets.

b)

Cascading Style Scripts.

c)

Cascading Style Sheets.

d)

Computer Style Syntax.

10.

Mỗi phát biểu sau đây về CSS là đúng hay sai?

a)

Thuộc tính CSS font-size thiết lập cỡ chữ.

b)

CSS cho phép người sử dụng định nghĩa các bộ chọn phần tử.

c)

Thuộc tính CSS color thiết lập màu nền cho nội dung văn bản.

d)

Mỗi quy tắc định dạng CSS gồm bộ chọn và các thuộc tính CSS.

11.

Mỗi phát biểu sau đây đúng hay sai?

a)

Sử dụng CSS giúp tách biệt khai báo nội dung với định dạng và trang trí trang web

b)

Để áp dụng CSS, trong văn bản HTML phải khai báo tham chiếu đến tệp CSS

c)

Sử dụng external CSS giúp cho nhiều trang web trong một webiste có thể dùng chung kiểu định dạng và trang trí

d)

Khai báo CSS sử dụng bộ chọn phần tử: p {color=red; font-size: 20px;} là đúng cú pháp

12.

Bộ chọn lớp trong CSS được khai báo như thế nào?

a)

#Tên_bộ_chọn_lớp { thuộc tính: giá trị; }

b)

.Tên_bộ_chọn_lớp { thuộc tính: giá trị; }

c)

Tên_bộ_chọn_lớp { thuộc tính: giá trị; }

d)

*Tên_bộ_chọn_lớp { thuộc tính: giá trị; }

13.

Bộ chọn định danh trong CSS được khai báo như thế nào?

a)

.Tên_định_danh { thuộc tính: giá trị; }

b)

#Tên_định_danh { thuộc tính: giá trị; }

c)

Tên_định_danh { thuộc tính: giá trị; }

d)

*Tên_định_danh { thuộc tính: giá trị; }

14.

Trong CSS, thuộc tính nào được dùng để thay đổi màu chữ?

a)

font-family

b)

font-size

c)

color

d)

background-color

15.

Làm thế nào để áp dụng nhiều bộ chọn lớp cho một phần tử trong CSS?

a)

Tách các bộ chọn lớp bằng dấu phẩy

b)

Tách các bộ chọn lớp bằng dấu chấm

c)

Tách các bộ chọn lớp bằng dấu cách

d)

Tách các bộ chọn lớp bằng dấu gạch ngang

16.

Để định dạng phần tử <input> với màu nền xanh và chữ trắng, bạn sẽ sử dụng bộ chọn lớp nào trong CSS?

a)

.yellow

b)

.blue

c)

.red

d)

.orangered

17.

Làm thế nào để liên kết một tệp CSS ngoại vào tệp HTML?

a)

<link rel="stylesheet" href="tên_tệp.css">

b)

<style src="tên_tệp.css"></style>

c)

<script src="tên_tệp.css"></script>

d)

<stylesheet href="tên_tệp.css"></stylesheet>

18.

Để thay đổi phông chữ của phần tử với ID cụ thể, bạn sẽ sử dụng thuộc tính nào trong CSS?

a)

font-size

b)

font-family

c)

text-align

d)

line-height

19.

Bộ chọn lớp có tên yellow cho phần tử input để khai báo thuộc tính CSS: Màu nền yellow.

a)

.yellow{color:yellow;}

b)

input.blue{color:yellow;}

c)

input.yellow{background: yellow;}

d)

input.yellow{background-color:yellow}

20.

Bộ chọn lớp .orangered định nghĩa các thuộc tính nào trong ví dụ sau?

a)

font-family, font-size, color

b)

background-color, color

c)

font-family, color

d)

font-size, background-color

21.

Cho những cấu trúc sau đây, đáp án nào đúng, đáp án nào sai?

a)

#Tên_định_danh{thuộc tính 1:giá trị; ……; thuộc tính n: giá trị}

b)

.Tên_bộ_lớp{ thuộc tính 1_giá trị;…….;thuộc tính n_giá trị;}

c)

Tên_bộ_lớp{ thuộc tính 1: giá trị;…….;thuộc tính n:giá trị;}

d)

Tên_định_danh{thuộc tính 1:giá trị; ……; thuộc tính n: giá trị}

22.

Khi sử dụng bộ chọn lớp và bộ chọn định danh trong CSS, những điều sau là đúng hay sai?

a)

Bộ chọn lớp được áp dụng cho các phần tử có cùng một kiểu định dạng trong CSS.

b)

Bộ chọn định danh có thể được sử dụng để định dạng nhiều phần tử khác nhau trong CSS.

c)

Để áp dụng nhiều bộ chọn lớp cho một phần tử, các lớp cần được phân tách bằng dấu cách.

d)

Bộ chọn lớp và bộ chọn định danh đều có thể được sử dụng để định dạng các thuộc tính của phần tử HTML.

23.

Mô hình hộp trong CSS bao gồm các vùng nào?

a)

Vùng nội dung, vùng đệm, vùng đường viền, vùng lề

b)

Vùng đầu trang, vùng nội dung, vùng chân trang

c)

Vùng tiêu đề, vùng nội dung, vùng footer, vùng menu

d)

Vùng hiển thị, vùng cấu hình, vùng màu nền

24.

Thuộc tính CSS nào được sử dụng để thay đổi kiểu hiển thị của phần tử thành hiển thị theo dòng?

a)

display: block;

b)

display: inline;

c)

display: flex;

d)

display: grid;

25.

Cú pháp nào đúng để khai báo một phần tử hiển thị theo khối trong CSS?

a)

display: inline;

b)

display: block;

c)

display: list-item;

d)

display: none;

26.

Đâu là phần tử HTML thường được hiển thị theo khối?

a)

<imagine>

b)

<a>

c)

<p>

d)

<span>

27.

Phần nào trong bố cục trang web cung cấp thông tin như logo và tiêu đề trang web?

a)

Phần đầu trang (header)

b)

Thanh điều hướng (navigation menu)

c)

Phần nội dung (content)

d)

Phần chân trang (footer)

28.

Khi sử dụng mô hình hộp trong CSS, đâu là khu vực nằm giữa vùng nội dung và vùng đường viền?

a)

Vùng đệm (padding)

b)

Vùng lề (margin)

c)

Vùng tiêu đề (header)

d)

Vùng chân trang (footer)

29.

Phần tử nào thường được hiển thị theo dòng trong HTML?

a)

<div>

b)

<h1>

c)

<a>

d)

<p>

30.

Để phân chia trang web thành các vùng sử dụng định dạng CSS, phần tử nào thường được sử dụng?

a)

<header>

b)

<div>

c)

<footer>

d)

<section>

31.

Thuộc tính CSS nào có thể sử dụng để căn chỉnh các phần tử theo chiều ngang?

a)

margin: auto;

b)

padding: 10px;

c)

border: 1px solid black;

d)

display: flex;

32.

Phát biểu sau đây đúng hay sai về mô hình hộp trong trình bày phần tử HTML

a)

Mô hình hộp bao gồm các vùng nội dung, vùng đệm, vùng đường viền, và vùng lề.

b)

Vùng đệm trong mô hình hộp hiển thị màu sắc theo giá trị thuộc tính background-color của phần tử.

c)

Vùng lề trong mô hình hộp giúp phân tách các phần tử cạnh nhau.

d)

Có thể điều chỉnh kích cỡ các vùng trong mô hình hộp bằng cách sử dụng các thuộc tính CSS.

33.

Hiển thị phần tử theo khối, theo dòng và bố cục trang web sau đây đúng hay sai?

a)

Các phần tử hiển thị theo khối, như h1 và p, sẽ bắt đầu từ một dòng mới.

b)

Các phần tử hiển thị theo dòng, như img và a, có thể nằm trên cùng một dòng với các phần tử khác.

c)

CSS không thể thay đổi kiểu hiển thị mặc định của các phần tử HTML.

d)

Sử dụng phần tử div kết hợp với các định dạng CSS để tạo bố cục trang web.

34.

Yêu cầu chính của dự án tạo trang web báo tường là gì?

a)

Chỉ tạo tệp dữ liệu dạng html

b)

Tạo trang web với đa dạng kênh thông tin và thẩm mỹ

c)

Tạo tệp dữ liệu dạng css

d)

Chỉ làm bài trình chiếu giới thiệu kết quả

35.

Những yếu tố nào cần được kết hợp để tạo trang web báo tường?

a)

Chỉ văn bản và hình ảnh

b)

Văn bản, hình ảnh, âm thanh, và biểu mẫu

c)

Chỉ âm thanh và biểu mẫu

d)

Chỉ văn bản và âm thanh

36.

CSS được sử dụng trong dự án này với mục đích gì?

a)

Tạo nội dung văn bản

b)

Định dạng và bố cục trang web

c)

Tạo âm thanh cho trang web

d)

Chỉ tạo hình ảnh

37.

Bài trình chiếu giới thiệu kết quả của dự án phải đáp ứng yêu cầu nào?

a)

Chỉ cần có nội dung

b)

Phải có tính thẩm mỹ và kĩ năng thuyết trình tốt

c)

Chỉ cần có kĩ năng thuyết trình tốt

38.

Mỗi nhóm trong lớp có thể chọn chủ đề nào cho trang web báo tường?

a)

Chỉ chủ đề chào mừng ngày Nhà giáo Việt Nam

b)

Chỉ chủ đề chào mừng ngày thành lập Đoàn Thanh niên

c)

Lưu bút ngày ra trường

d)

Chủ đề phù hợp theo lựa chọn của nhóm

39.

Thời gian thực hiện dự án bao gồm bao nhiêu tiết học?

a)

1 tiết

b)

2 tiết

c)

3 tiết

d)

4 tiết

40.

Trong giai đoạn 2 của dự án, học sinh cần làm gì?

a)

Hoàn thành toàn bộ sản phẩm trong giờ học

b)

Chia sẻ sản phẩm với các lớp khác

c)

Triển khai một phần và tự hoàn thiện phần còn lại ngoài giờ học

d)

Chỉ làm phần thuyết trình

41.

Yêu cầu khi hoàn thiện sản phẩm trong giai đoạn 2 là gì?

a)

Tất cả các thành viên phải trình bày

b)

Các thành viên phải phân công nhau để trình bày và giới thiệu kết quả dự án

c)

Chỉ một thành viên trình bày

d)

Không yêu cầu trình bày

42.

Tệp dữ liệu dạng HTML trong dự án có vai trò gì?

a)

Chỉ chứa hình ảnh

b)

Tạo nội dung văn bản và cấu trúc trang web

c)

Tạo hiệu ứng âm thanh

d)

Tạo bài trình chiếu

43.

Phát biểu sau đây đúng hay sai về yêu cầu của dự án tạo trang web báo tường:

a)

Tệp dữ liệu dạng HTML chỉ dùng để tạo nội dung văn bản.

b)

CSS được sử dụng để định dạng và bố cục trang web.

c)

Bài trình chiếu giới thiệu kết quả không cần phải có tính thẩm mỹ.

d)

Các nhóm học sinh có thể chọn bất kỳ chủ đề nào cho trang web báo tường.

44.

Thời gian và quy trình thực hiện dự án như sau đúng hay sai?

a)

Dự án yêu cầu phải hoàn thành trong một tiết học.

b)

Trong giai đoạn 2, các nhóm cần hoàn thành toàn bộ sản phẩm trong giờ học.

c)

Giai đoạn 1 được thực hiện trong tiết học khởi động.

d)

Trong giai đoạn 2, khi hoàn thiện sản phẩm, các thành viên cần phân công nhau để trình bày và giới thiệu kết quả.

45.

Chức năng nào dưới đây là chức năng cơ bản của phần mềm tạo website?

a)

Tạo bài thuyết trình

b)

Tạo và chỉnh sửa các trang web

c)

Chỉnh sửa video

d)

Soạn thảo văn bản

46.

Phần mềm tạo website nào dưới đây là mã nguồn mở và miễn phí?

a)

Adobe Dreamweaver

b)

Wix

c)

WordPress

d)

Squarespace

47.

Chức năng kéo-thả (drag-and-drop) trong phần mềm tạo website giúp ích gì cho người dùng?

a)

Dễ dàng thêm và sắp xếp các thành phần trang web mà không cần mã hóa

b)

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

c)

Tối ưu hóa SEO tự động

d)

Tạo nội dung video

48.

Mobirise là phần mềm gì?

a)

Phần mềm chỉnh sửa video

b)

Phần mềm tạo website kéo-thả

c)

Phần mềm xử lý văn bản

d)

Phần mềm quản lý tài chính

49.

Mobirise chủ yếu nhắm đến đối tượng người dùng nào?

a)

Các nhà phát triển web chuyên nghiệp

b)

Người dùng không có kinh nghiệm mã hóa

c)

Các nhà thiết kế đồ họa

d)

Các nhà phân tích tài chính

50.

Mobirise có thể sử dụng trên hệ điều hành nào?

a)

Windows và MacOS

b)

Windows và Linux

c)

Linux và MacOS

d)

Chỉ Windows

51.

Để thay đổi hình ảnh trên trang web trong Mobirise, bạn cần làm gì?

a)

Chọn Media Image > chọn Browse Computer

b)

Chọn Add Block > Chọn Images

c)

Chọn Preview > Chỉnh sửa ảnh

d)

Chọn Edit > Chỉnh sửa hình ảnh

52.

Điều gì không phải là tính năng của phần mềm tạo website trực tuyến?

a)

Cài đặt phần mềm trên máy tính

b)

Chèn các biểu mẫu

c)

Cung cấp mẫu trang web

d)

Tạo các trang web với nội dung văn bản

53.

Để xem trước trang web sau khi chỉnh sửa trên Mobirise, bạn nên chọn tùy chọn nào?

a)

Preview

b)

Edit

c)

Publish

d)

Add Block

54.

Phần mềm Mobirise cung cấp nhiều mẫu trang web với điều gì?

a)

Kiểu bố cục và chủ đề đa dạng

b)

Chức năng lập lịch

c)

Tạo trò chơi

d)

Phân tích dữ liệu

55.

Phát biểu sau đây đúng hay sai khi nói về các phần mềm tạo website ngoại tuyến:

a)

Yêu cầu kết nối Internet để sử dụng và cập nhật.

b)

Có thể được cài đặt và sử dụng mà không cần kết nối Internet.

c)

Được sử dụng trực tiếp trên trình duyệt web mà không cần cài đặt.

d)

Cung cấp các chức năng chỉnh sửa nội dung nhưng không cho phép xuất bản website.

56.

Phát biểu sau đây đúng hay sai Để thay đổi hình ảnh trên trang web trong Mobirise, người dùng cần:

a)

Chọn "Add Block to Page" và chọn hình ảnh từ máy tính.

b)

Chọn "Media Image" và chọn "Browse Computer" để cập nhật hình ảnh.

c)

Sử dụng chức năng "Preview" để thay đổi hình ảnh trực tiếp trên trang web.

d)

Cài đặt lại phần mềm Mobirise để cập nhật hình ảnh mới.