Câu 1. Một trang web được xây dựng để hiển thị thông tin về trường học, sử dụng HTML và CSS để định dạng khung cho các phần tử. Một số học sinh đã đưa ra các nhận xét sau:

Kiểm tra kiến thức về CSS

Quiz
•
Others
•
KG
•
Medium
Bùi Khánh
Used 1+ times
FREE Resource
20 questions
Show all answers
1.
MULTIPLE SELECT QUESTION
5 mins • 1 pt
Phần tử khối (block element) luôn bắt đầu từ đầu hàng và chiếm toàn bộ chiều rộng của trang web.
Phần tử nội tuyến (inline element) tự động xuống dòng khi hiển thị trên trang web.
Thuộc tính display: block có thể được sử dụng để biến một phần tử nội tuyến thành phần tử khối.
Nếu một phần tử được định dạng với thuộc tính border: 2px solid black; nhưng không thay đổi giá trị display, thì nó sẽ chiếm toàn bộ chiều rộng của phần tử cha.
2.
MULTIPLE SELECT QUESTION
5 mins • 1 pt
Câu 2. Một học sinh đang thiết kế trang web và sử dụng CSS để định dạng khung cho các phần tử. Dựa trên bài học "Định dạng khung", các bạn trong lớp đã đưa ra các nhận xét sau:
Thuộc tính border trong CSS được sử dụng để tạo viền bao quanh phần tử.
Thuộc tính margin xác định khoảng cách giữa nội dung và viền của phần tử.
Khung của một phần tử nội tuyến không hỗ trợ thuộc tính width và height nếu không thay đổi giá trị của thuộc tính display.
Nếu một phần tử <div>
có margin: 10px; và padding: 20px;, thì khoảng cách từ nội dung đến viền là 10px và từ viền đến phần tử bên ngoài là 20px.
3.
MULTIPLE SELECT QUESTION
5 mins • 1 pt
Câu 3. Một nhóm học sinh thảo luận về cách sử dụng bộ chọn trong CSS để định dạng khung cho các phần tử. Dựa trên bài học, các em đưa ra các nhận xét sau:
Bộ chọn lớp (class selector) được khai báo bằng dấu chấm (.) trước tên lớp trong CSS.
Bộ chọn mã định danh (id selector) được khai báo bằng dấu chấm (.) trước tên id trong CSS.
Một phần tử HTML có thể được gán nhiều lớp (class), nhưng chỉ được gán một mã định danh (id) duy nhất trong trang web.
Nếu một phần tử
4.
MULTIPLE SELECT QUESTION
5 mins • 1 pt
Một học sinh sử dụng CSS để định dạng khung và bộ chọn cho trang web giới thiệu sách. Dựa trên bài học "Định dạng khung", các bạn trong lớp đưa ra các nhận xét sau:
Thuộc tính padding xác định khoảng cách giữa nội dung và viền của phần tử.
Một phần tử nội tuyến như <span> không thể chứa các phần tử khối như
bên trong nó.
Thuộc tính display: inline sẽ khiến một phần tử khối hiển thị trên cùng một dòng với các phần tử khác mà không xuống dòng.
Nếu một phần tử <h1>
có id="title" và CSS khai báo #title { border: 2px dashed red; padding: 5px; }, thì khoảng cách từ nội dung đến viền là 2px và viền sẽ có dạng nét đứt màu đỏ.
5.
MULTIPLE SELECT QUESTION
5 mins • 1 pt
Một học sinh thực hành định dạng khung và bộ chọn trên một trang web thử nghiệm. Dựa trên bài học, các bạn trong lớp đưa ra các nhận xét sau:
Thuộc tính display: none khiến phần tử không hiển thị trên trang web.
Bộ chọn thuộc tính trong CSS có thể chọn các phần tử dựa trên giá trị của thuộc tính, ví dụ: a[target].
Nếu một phần tử có class="note" và class="warning" cùng lúc, thì nó chỉ áp dụng định dạng từ bộ chọn .note và bỏ qua .warning.
Nếu một phần tử <p>
có CSS khai báo p { margin: 15px; border: 1px solid blue; display: block; }, thì phần tử này sẽ hiển thị trên một dòng mới và có viền xanh bao quanh với khoảng cách bên ngoài là 15px.
6.
MULTIPLE SELECT QUESTION
5 mins • 1 pt
Trong CSS, các bộ chọn lớp giả (pseudo-class) và phần tử giả (pseudo-element) được sử dụng để tăng tính tương tác và định dạng đặc biệt cho trang web. Hãy xác định các phát biểu sau là Đúng hay Sai:
Bộ chọn lớp giả (pseudo-class) dùng để định dạng các trạng thái đặc biệt của phần tử HTML, như :hover, :focus.
Cú pháp khai báo của bộ chọn phần tử giả (pseudo-element) là tên_phần_tử:tên_phần_tử_giả { thuộc_tính: giá_trị; }.
Bộ chọn :hover giúp thay đổi trạng thái của phần tử khi người dùng di chuột qua phần tử đó.
Nếu sử dụng đoạn mã CSS: p::first-letter { font-size: 2em; }, ký tự đầu tiên của mỗi đoạn văn sẽ có kích thước lớn gấp đôi bình thường.
7.
MULTIPLE SELECT QUESTION
5 mins • 1 pt
Khi thiết kế trang web, việc xác định thứ tự ưu tiên của các mẫu định dạng CSS rất quan trọng để đảm bảo hiển thị đúng ý muốn. Hãy xác định các phát biểu sau là Đúng hay Sai:
Trọng số của bộ chọn ID (#id) trong CSS được tính là 100.
Bộ chọn * có trọng số cao nhất trong CSS và áp dụng cho tất cả các phần tử.
Nếu hai mẫu định dạng có trọng số bằng nhau, mẫu được viết cuối cùng sẽ được áp dụng.
Xét đoạn mã CSS: #menu { color: blue; } .item { color: red; }, nếu một phần tử có cả id="menu" và class="item", màu chữ sẽ là xanh dương vì ID có trọng số cao hơn.
Create a free account and access millions of resources
Similar Resources on Quizizz
16 questions
tin hkì 1-15

Quiz
•
2nd Grade
20 questions
kiểm tra sinh

Quiz
•
9th Grade
19 questions
Tin 12

Quiz
•
KG
16 questions
Câu Hỏi Kiểm Tra Nhận Thức Về Thuốc Lá

Quiz
•
Professional Development
20 questions
tin học

Quiz
•
KG
20 questions
Sử 11

Quiz
•
11th Grade
16 questions
kiểm tra giữa kì 2 môn Tin học 8

Quiz
•
8th Grade
17 questions
Trắc nghiệm tin

Quiz
•
KG
Popular Resources on Quizizz
20 questions
math review

Quiz
•
4th Grade
20 questions
Math Review - Grade 6

Quiz
•
6th Grade
20 questions
Reading Comprehension

Quiz
•
5th Grade
20 questions
Types of Credit

Quiz
•
9th - 12th Grade
20 questions
Taxes

Quiz
•
9th - 12th Grade
10 questions
Human Body Systems and Functions

Interactive video
•
6th - 8th Grade
19 questions
Math Review

Quiz
•
3rd Grade
45 questions
7th Grade Math EOG Review

Quiz
•
7th Grade
Discover more resources for Others
15 questions
Disney Trivia

Quiz
•
KG - 5th Grade
20 questions
Disney Characters

Quiz
•
KG
12 questions
Pixar Movies!

Quiz
•
KG - 5th Grade
20 questions
Summer

Quiz
•
KG - University
10 questions
Who is that Character?

Quiz
•
KG - 5th Grade
47 questions
2nd Semester 2025 Map Final

Quiz
•
KG - University
10 questions
Teen Number Ten Frames

Quiz
•
KG - 1st Grade
43 questions
Science 5th Grade EOG Review #3

Quiz
•
KG - University