15 câu hỏi
border-collapse
nth-child
border-color
background-color
Đáp án: B
Giải thích: Để định kiểu màu nền xen kẽ cho các hàng chẵn và lẻ trong bảng, bạn cần sử dụng thuộc tính nth-child để chọn các hàng và áp dụng màu nền cho chúng.
border-style
border-color
border-collapse
border-width
Đáp án: C
Giải thích: Để hiển thị đường viền đơn cho bảng, bạn sử dụng thuộc tính border-collapse với giá trị collapse.
background-color và color
border-color và text-color
padding
text-align và border-width
Đáp án: A
Giải thích: Để đặt màu nền cho hàng tiêu đề thành màu xanh và chữ trắng, bạn sử dụng thuộc tính background-color để đặt màu nền và color để đặt màu chữ.
margin
padding
float
position
Đáp án: C
Giải thích: Để đặt phần tử <div> bên trái hoặc bên phải của trang web, bạn sử dụng thuộc tính float với giá trị left hoặc right.
float
margin
clear
overflow
Đáp án: C
Giải thích: Để khắc phục lỗi bố cục khi chiều cao của hai phần tử <div> không bằng nhau và có phần tử khác bên dưới, bạn sử dụng giá trị both cho thuộc tính clear để tạo vùng ngăn cách với phần tử bên dưới.
tr:nth-child()
tr:hover
tr:active
tr:focus
Đáp án: B
Giải thích: Để định kiểu cho trạng thái hover của các hàng trong bảng, bạn sử dụng lớp giả tr:hover.
border-style
background-color
color
border-color
Đáp án: B
Giải thích: Để đặt màu nền cho hàng chẵn của bảng thành màu xám, bạn sử dụng thuộc tính background-color.
Học thông minh hơn mỗi ngày
Xem toàn bộ 15 câu hỏi và nhiều hơn nữa với tài khoản miễn phí
position
clear
overflow
display
Đáp án: B
Giải thích: Để tạo vùng ngăn cách với phần tử bên dưới khi sử dụng float, bạn sử dụng thuộc tính clear với giá trị both.
border-style
border-color
border-width
border-collapse
Đáp án: B
Giải thích: Để định kiểu cho đường viền của mỗi ô trong bảng là màu xanh, bạn sử dụng thuộc tính border-color
Sử dụng màu nền giống nhau cho tất cả các hàng.
Sử dụng màu nền xen kẽ cho các hàng và màu nền riêng cho hàng tiêu đề.
Sử dụng màu nền trong suốt cho tất cả các hàng.
Chỉ định màu nền cho các hàng lẻ.
Đáp án: B
Giải thích: Để làm bảng đẹp mắt và nổi bật, bạn nên sử dụng màu nền xen kẽ cho các hàng và đặt màu nền riêng cho hàng tiêu đề.
a) Đúng: Để định kiểu màu nền cho các hàng chẵn trong bảng, bạn sử dụng thuộc tính background-color với giá trị #e5e5e5 và khai báo vùng chọn là tr:nth-child(even) để chọn các hàng chẵn.
b) Sai: Giá trị collapse cho thuộc tính border-collapse sẽ làm cho đường viền của bảng trở thành đường viền đơn, không phải đôi. Để có đường viền đôi, bạn cần sử dụng giá trị separate.
c) Đúng: Để định kiểu cho trạng thái hover của các hàng trong bảng, bạn sử dụng lớp giả tr:hover.
d) Đúng: Để đặt màu nền cho hàng tiêu đề thành màu xanh và chữ trắng, bạn sử dụng thuộc tính background-color với giá trị #3eafff và thuộc tính color với giá trị #fff.
a) Đúng: Để đặt phần tử <div> nằm bên trái của trang web, bạn sử dụng thuộc tính float với giá trị left.
b) Sai: Nếu không khai báo float: right; cho Vùng B, Vùng B sẽ tự động kết xuất ngay bên dưới Vùng A, không phải bên trái.
c) Đúng: Để khắc phục lỗi bố cục khi chiều cao của hai phần tử <div> không bằng nhau, bạn sử dụng thuộc tính clear với giá trị both để tạo vùng ngăn cách với phần tử bên dưới.
d) Sai: Để thay đổi vị trí của phần tử <div> theo chiều ngang, bạn sử dụng thuộc tính float với giá trị left hoặc right. Thuộc tính margin chỉ thay đổi khoảng cách xung quanh phần tử nhưng không thay đổi vị trí theo chiều ngang.
Đáp án: background-color với vùng chọn tr:nth-child(even) cho hàng chẵn và tr:nth-child(odd) cho hàng lẻ.
Giải thích: Để thay đổi màu nền cho các hàng chẵn và lẻ trong bảng, bạn sử dụng thuộc tính background-color kết hợp với các vùng chọn tr:nth-child(even) và tr:nth-child(odd)
Đáp án: border-collapse với giá trị collapse.
Giải thích: Để hiển thị đường viền đơn cho bảng, bạn sử dụng thuộc tính border-collapse và đặt giá trị là collapse.
Đáp án: float với giá trị left cho phần tử bên trái và right cho phần tử bên phải.
Giải thích: Để đặt phần tử <div> nằm bên trái và bên phải của trang web, bạn cần sử dụng thuộc tính float và chỉ định giá trị left hoặc right tương ứng.
Bạn có thích hoạt động này không?
Ý kiến của bạn sẽ giúp chúng tôi đề xuất nội dung phù hợp hơn.
![[Năm 2022] Đề thi thử môn Vật lí THPT Quốc gia có lời giải - Đề số 21](/_next/image?url=https%3A%2F%2Fvideo.vietjack.com%2Fupload%2Fimages%2Fvj-image%2Fimage-3izficdefgfoel0s9j8s-1786772791.jpg&w=3840&q=75)
![[Năm 2022] Đề thi thử môn Vật lí THPT Quốc gia có lời giải - Đề số 20](/_next/image?url=https%3A%2F%2Fvideo.vietjack.com%2Fupload%2Fimages%2Fvj-image%2Fimage-emy0gtcksawvorajezvv-1786772460.jpg&w=3840&q=75)
