Khi sử dụng thuộc tính color trong CSS, điều gì sẽ xảy ra nếu bạn đặt giá trị là rgba(255, 0, 0, 0.5)?

Văn bản sẽ có màu đỏ với độ trong suốt 50%.

Văn bản sẽ có màu xanh dương với độ trong suốt 50%.

Văn bản sẽ có màu đỏ đậm, không trong suốt.

Văn bản sẽ không hiển thị vì màu bị ẩn.

Thuộc tính nào giúp kiểm soát khoảng cách giữa các ký tự trong văn bản, và vì sao điều này quan trọng trong thiết kế web?

letter-spacing, vì tạo sự thoáng đãng hoặc nén chặt văn bản để dễ nhìn hơn.

text-indent, vì giúp căn lề đoạn văn bản dễ đọc hơn.

word-spacing, vì chỉ ảnh hưởng đến khoảng cách giữa các từ.

line-height, vì giúp kiểm so

Điểm khác biệt chính giữa margin và padding là gì?

padding tạo khoảng cách giữa nội dung và viền, margin tạo khoảng cách giữa các phần tử khác nhau.

margin tạo khoảng cách bên trong phần tử, padding tạo khoảng cách bên ngoài.

margin chỉ áp dụng cho văn bản, còn padding áp dụng cho cả hình ảnh.

Không có sự khác biệt giữa margin và padding.

Điều gì sẽ xảy ra nếu đặt thuộc tính width: 100vw; cho một phần tử div?

Phần tử sẽ có chiều rộng bằng 100% cửa sổ trình duyệt.

Phần tử sẽ chiếm toàn bộ chiều rộng của phần tử cha.

Phần tử sẽ có chiều rộng bằng 100% chiều cao của màn hình.

Phần tử sẽ không hiển thị vì giá trị 100vw không hợp lệ.

Khi đặt background-image: url("image.jpg");, hình ảnh nền sẽ hiển thị như thế nào mặc định?

Hình ảnh sẽ lặp lại để lấp đầy phần tử.

Hình ảnh sẽ tự động co giãn để vừa với phần tử.

Hình ảnh sẽ cố định ở góc trên bên trái.

Hình ảnh sẽ bị cắt nếu lớn hơn kích thước phần tử.

Nếu đặt border: 5px solid transparent;, điều gì sẽ xảy ra?

Phần tử sẽ có viền nhưng không nhìn thấy rõ, vẫn chiếm không gian.

Phần tử sẽ không có viền vì màu trong suốt.

Viền sẽ có màu đen mặc định.

Trình duyệt sẽ bỏ qua thuộc tính border.

Điểm khác biệt giữa absolute và relative trong thuộc tính position là gì?

relative giữ phần tử ở vị trí ban đầu nhưng có thể di chuyển so với chính nó, absolute định vị phần tử theo phần tử cha gần nhất có position.

absolute luôn cố định phần tử ở một vị trí trên màn hình, relative di chuyển phần tử dựa theo vị trí ban đầu.

absolute chỉ áp dụng được với hình ảnh, còn relative áp dụng với văn bản.

Cả hai đều hoạt động giống nhau nhưng trên các trình duyệt khác nhau.

Tại sao khi sử dụng z-index, phần tử có giá trị z-index: 100; vẫn có thể bị che khuất?

z-index chỉ hoạt động khi phần tử có position: absolute; hoặc relative;.

Phần tử cha có z-index thấp hơn nên ảnh hưởng đến con.

z-index chỉ có hiệu lực với hình ảnh, không áp dụng cho văn bản.

z-index chỉ hoạt động khi có opacity nhỏ hơn 1.

Sự khác biệt giữa opacity: 0; và visibility: hidden; là gì?

opacity: 0; làm phần tử trong suốt nhưng vẫn chiếm không gian, visibility: hidden; làm phần tử biến mất mà không chiếm không gian.

opacity: 0; làm phần tử hoàn toàn vô hình và không chiếm không gian, visibility: hidden; chỉ giảm độ trong suốt.

opacity: 0; chỉ hoạt động trên trình duyệt Chrome, còn visibility: hidden; hoạt động trên mọi trình duyệt.

Không có sự khác biệt giữa hai thuộc tính này.

Tại sao khi thiết kế giao diện web hiện đại, nhiều lập trình viên sử dụng flexbox hoặc grid thay vì float?

flexbox và grid giúp bố cục linh hoạt, dễ dàng căn chỉnh hơn so với float.

float dễ sử dụng hơn nhưng không hỗ trợ trên trình duyệt mới.

flexbox chỉ hỗ trợ bố cục ngang, còn grid chỉ hỗ trợ bố cục dọc.

float vẫn là cách tốt nhất để bố trí phần tử trên trang web.

Câu 40. Để tạo một đoạn văn bản có chữ màu xanh, nền màu vàng và kích thước chữ 20px, ta dùng đoạn CSS nào sau đây?

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

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

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

p { color: green; background-color: yellow; font-size: 15px; }

Câu 41. Cho đoạn mã HTML và CSS sau: HTML: Chào mừng bạn đến với trang web của tôi! CSS: .chuDo { color: red; } Kết quả hiển thị trên trình duyệt sẽ như thế nào?

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

Đoạn văn bản có màu mặc định của trình duyệt.

Lỗi hiển thị vì chưa có phần tử nào có id="chuDo".

Văn bản bị ẩn đi do không có thuộc tính display.

Câu 42. Nếu muốn đặt màu chữ là đỏ và nền là xanh dương, ta sử dụng đoạn CSS nào sau đây?

color: red; background-color: blue;

color: blue; background-color: red;

text-color: red; bg-color: blue;

font-color: red; bg-color: blue;

Câu 43. Giả sử có đoạn CSS sau: .box { color: red; } #box { color: blue; } Nếu một phần tử có cả class "box" và id "box", màu chữ của phần tử đó sẽ là gì?

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

Phụ thuộc vào thứ tự khai báo CSS.

Câu 44. Bạn muốn tạo một nút bấm ( ) có nền màu xanh, chữ màu trắng và bo tròn góc 10px. Đoạn CSS nào sau đây là đúng?

button { background-color: white; color: blue; border-radius: 10px; }

button { background: blue; text-color: white; border-radius: 10px; }

button { bg-color: blue; font-color: white; border-radius: 10px; }

Bạn muốn tất cả thẻ có chữ màu đỏ, nhưng nếu thẻ thuộc class="canhGiua", chữ phải màu xanh dương và được căn giữa. Đoạn CSS nào đúng?

p { color: red; } p.canhGiua { color: blue; text-align: center; }

p { color: red; } .canGiua p { color: blue; text-align: center; }

p { color: blue; text-align: center; } p.canhGiua { color: red; }

p { color: red; } #canhGiua { color: blue; text-align: center; }

Cho đoạn CSS sau: h1 { color: red; } h1.dacBiet { color: blue; } Với đoạn HTML: <h1 class="dacBiet">Xin chào!</h1> Khi hiển thị trên trình duyệt, dòng chữ "Xin chào!" có màu gì?

Đen (màu mặc định của trình duyệt)

Tùy thuộc vào trình duyệt

Giả sử bạn có một danh sách như sau: <ul> <li class="item">Mục 1</li> <li class="item">Mục 2</li> </ul> Để thay đổi màu nền của tất cả các mục trong danh sách có class "item" thành xám, bạn viết CSS như thế nào?

.item { background-color: gray; }

ul.item { background-color: gray; }

li.item { background-color: gray; }

#item { background-color: gray; }

Bạn có đoạn văn bản sau và muốn làm cho chữ in đậm, có màu xanh dương, căn giữa và có khoảng cách giữa các dòng là 1.5. <p class="highlight-text">Đây là một đoạn văn bản quan trọng.</p> Bạn nên sử dụng CSS nào?

.highlight-text { font-weight: bold; color: blue; text-align: center; line-height: 1.5; }

.highlight-text { font-style: italic; color: blue; text-align: left; line-height: 1.2; }

.highlight-text { font-weight: normal; color: red; text-align: right; line-height: 2; }

.highlight-text { font-size: large; color: black; text-align: center; letter-spacing: 2px; }

Bạn có một danh sách sản phẩm và muốn khi người dùng di chuột vào từng mục, màu nền sẽ thay đổi thành xám nhạt, chữ sẽ in đậm và có hiệu ứng xuất hiện từ từ. <ul class="product-list"> <li>Máy tính xách tay</li> <li>Điện thoại thông minh</li> <li>Máy ảnh kỹ thuật số</li> </ul> Bạn nên dùng CSS nào?

.product-list li { transition: background-color 0.3s, font-weight 0.3s; } .product-list li:hover { background-color: #f0f0f0; font-weight: bold; }

.product-list li { hover-effect: smooth; color-change: black-to-gray; }

.product-list li { animation: fade-in 1s; background: highlight; }

.product-list li { border: 1px solid gray; list-style-type: none; }

TIN GK2

Authored by Phương Nguyễn

Information Technology (IT)

12th Grade

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

106 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Trong CSS, thuộc tính nào được sử dụng để thay đổi màu chữ của văn bản?

background-color

color

font-size

border-color

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Thuộc tính CSS nào dùng để thay đổi kiểu chữ của đoạn văn bản?

font-style

text-align

color

background

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Trong CSS, dấu # được sử dụng để xác định loại vùng chọn nào?

Class

Tag

Universal Selector

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Để áp dụng một kiểu CSS cho tất cả các thẻ # trong một trang web, ta sử dụng vùng chọn nào?

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Thuộc tính CSS nào sau đây có thể giúp thiết lập hình ảnh nền cho trang web?

background-image

border

text-decoration

font-family

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

CSS có thể giúp làm cho trang web đẹp, đa dạng và sinh động hơn bằng cách nào?

Tạo kiểu dáng cho văn bản và bố cục trang web

Cải thiện tốc độ tải trang web

Tăng cường bảo mật trang web

Thay đổi mã nguồn HTML

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Để tạo đường viền cho một phần tử, ta sử dụng thuộc tính nào?

border

outline

frame

margin

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

15 questions

Equivalent Fractions

Quiz

•

4th Grade

20 questions

Figurative Language Review

Quiz

•

6th Grade

Discover more resources for Information Technology (IT)

20 questions

-AR -ER -IR present tense

Quiz

•

10th - 12th Grade

12 questions

Add and Subtract Polynomials

Quiz

•

9th - 12th Grade

13 questions

Model Exponential Growth and Decay Scenarios

Quiz

•

9th - 12th Grade

27 questions

7.2.3 Quadrilateral Properties

Quiz

•

9th - 12th Grade

7 questions

Amoeba Sisters Dihybrid Cross Punnett Square

Interactive video

•

9th - 12th Grade

10 questions

The Holocaust: Historical Overview

Interactive video

•

9th - 12th Grade

10 questions

Key Features of Quadratic Functions

Interactive video

•

8th - 12th Grade

11 questions

Exponent Quotient Rules A1 U7

Quiz

•

9th - 12th Grade

TIN GK2

Trong CSS, thuộc tính nào được sử dụng để thay đổi màu chữ của văn bản?

Thuộc tính CSS nào dùng để thay đổi kiểu chữ của đoạn văn bản?

Trong CSS, dấu # được sử dụng để xác định loại vùng chọn nào?

Để áp dụng một kiểu CSS cho tất cả các thẻ # trong một trang web, ta sử dụng vùng chọn nào?

Thuộc tính CSS nào sau đây có thể giúp thiết lập hình ảnh nền cho trang web?

CSS có thể giúp làm cho trang web đẹp, đa dạng và sinh động hơn bằng cách nào?

Để tạo đường viền cho một phần tử, ta sử dụng thuộc tính nào?

Thuộc tính CSS nào quy định khoảng cách giữa nội dung và đường viền của phần tử?

Thuộc tính nào dùng để thiết lập độ trong suốt của một phần tử?

Thuộc tính nào giúp thay đổi kiểu hiển thị của một phần tử thành khối (block) hoặc nội tuyến (inline)?

Access all questions and much more by creating a free account

Popular Resources on Wayground

Discover more resources for Information Technology (IT)