Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu giúp bạn luyện tập thường xuyên để ghi nhớ lâu hơn thông qua nội dung bám sát chương trình học. Các câu hỏi được thiết kế khoa học giúp bạn học mà không cảm thấy áp lực. Đặc biệt phù hợp với người học muốn tự đánh giá năng lực. Thông qua quá trình làm bài, bạn có thể xác định phần kiến thức còn yếu. Điều này giúp việc học trở nên hiệu quả hơn.
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Việc sử dụng 'box-sizing: border-box' trong CSS có tác dụng gì đối với ô nhập liệu?
- - Loại bỏ đường viền
- - Đảm bảo padding và border không làm thay đổi tổng kích thước chiều rộng
- - Tự động căn giữa nội dung
- - Tăng kích thước ô nhập liệu lên gấp đôi
Câu 2: Giả sử muốn thay đổi kiểu con trỏ khi di chuột vào nút bấm 'button', ta dùng thuộc tính nào?
- - cursor
- - display
- - pointer-events
- - hover
Câu 3: Thuộc tính nào dùng để căn lề giữa văn bản trong ô nhập liệu?
- - text-align: center
- - vertical-align: middle
- - margin: auto
- - align-items: center
Câu 4: Thuộc tính CSS nào dùng để thay đổi đường viền xung quanh các ô nhập liệu 'input'?
- - border
- - outline
- - padding
- - margin
Câu 5: Thuộc tính nào điều khiển độ dày của nét chữ trong ô nhập liệu?
- - font-weight
- - text-weight
- - stroke-width
- - font-style
Câu 6: Muốn ô nhập liệu chiếm trọn chiều rộng của phần tử cha, ta nên sử dụng giá trị nào?
- - width: 100%
- - width: auto
- - width: 100vw
- - width: fill
Câu 7: Làm thế nào để vô hiệu hóa một ô nhập liệu khiến người dùng không thể tương tác?
- - Sử dụng thuộc tính HTML 'disabled'
- - Sử dụng CSS 'visibility: hidden'
- - Sử dụng CSS 'opacity: 0'
- - Sử dụng CSS 'display: none'
Câu 8: Thuộc tính CSS nào cho phép thay đổi màu sắc của văn bản bên trong thẻ 'input'?
- - text-color
- - font-color
- - color
- - foreground
Câu 9: Để loại bỏ đường viền nổi bật mặc định của trình duyệt khi ô nhập liệu được nhấn vào, ta thiết lập giá trị nào?
- - border: none
- - outline: none
- - margin: 0
- - display: none
Câu 10: Để thay đổi font chữ trong ô nhập liệu, thuộc tính nào được sử dụng?
- - text-style
- - font-family
- - letter-spacing
- - font-weight
Câu 11: Thuộc tính nào giúp thay đổi màu nền của một phần tử?
- - color
- - background-color
- - border-color
- - fill
Câu 12: Để định dạng cho các phần tử biểu mẫu như thẻ 'input' bằng CSS, ta thường sử dụng loại bộ chọn nào là phổ biến nhất?
- - Bộ chọn thuộc tính
- - Bộ chọn thẻ
- - Bộ chọn ID
- - Bộ chọn lớp
Câu 13: Để tạo hiệu ứng đổ bóng cho một nút nhấn, thuộc tính nào sau đây cần được sử dụng?
- - text-shadow
- - box-shadow
- - filter
- - background-shadow
Câu 14: Khi muốn định dạng cụ thể cho thẻ 'input' có kiểu là 'submit', bộ chọn nào sau đây là hợp lệ nhất?
- - input.submit
- - input[type='submit']
- - input#submit
- - input:submit
Câu 15: Để tạo khoảng cách bên trong giữa nội dung ô nhập liệu và đường viền, ta sử dụng thuộc tính nào?
- - margin
- - width
- - padding
- - box-sizing
Câu 16: Để định kiểu cho trạng thái khi chuột di chuyển qua nút bấm, bộ chọn giả nào là chính xác?
- - :focus
- - :active
- - :hover
- - :target
Câu 17: Thuộc tính nào giúp sắp xếp các thành phần con bên trong một 'form' theo hàng ngang?
- - display: flex
- - display: grid
- - display: inline
- - float: right
Câu 18: Để thay đổi hình dạng nút bấm thành hình tròn, cần kết hợp 'width', 'height' và thuộc tính nào?
- - border-radius: 50%
- - border-radius: 100px
- - border-radius: 20%
- - border-radius: circle
Câu 19: Để thay đổi độ trong suốt của một thành phần biểu mẫu, thuộc tính nào được sử dụng?
- - visibility
- - opacity
- - alpha
- - transparent
Câu 20: Để ẩn một phần tử biểu mẫu khỏi giao diện nhưng vẫn giữ vị trí của nó trên trang web, ta dùng?
- - display: none
- - visibility: hidden
- - opacity: 0
- - position: fixed
Câu 21: Bộ chọn giả nào thường được dùng để thay đổi giao diện ô nhập liệu khi người dùng nhấp chuột vào (đang lấy tiêu điểm)?
- - :hover
- - :active
- - :focus
- - :checked
Câu 22: Để làm tròn góc cho các ô nhập liệu (input), thuộc tính nào dưới đây là phù hợp nhất?
- - border-radius
- - border-style
- - box-shadow
- - opacity
Câu 23: Cách tốt nhất để căn chỉnh các thẻ 'label' và 'input' trên các dòng riêng biệt là sử dụng thuộc tính nào?
- - display: block
- - float: left
- - position: absolute
- - text-align: center
Câu 24: Khi thiết kế form, để tạo khoảng cách giữa các trường dữ liệu, ta nên sử dụng thuộc tính nào cho phần tử bao ngoài?
- - padding-bottom
- - margin-bottom
- - border-bottom
- - gap
Câu 25: Để làm cho nhãn (label) biểu mẫu trở nên nổi bật hơn bằng cách viết hoa toàn bộ, ta dùng thuộc tính nào?
- - text-transform: uppercase
- - font-variant: small-caps
- - text-decoration: underline
- - text-align: justify