NEW
Font size
WorksheetsCâu hỏi trắc nghiệm CSS cơ bản
Total questions: 25
Worksheet time: 25mins
Dòng CSS nào sau đây là vùng chọn theo class?
#menu {}
.menu {}
menu {}
*menu {}
Muốn định kiểu cho phần tử có id="content", vùng chọn đúng là:
.content
content
#content
*content
Nhận định nào sau đây là đúng?
Một id có thể dùng cho nhiều phần tử.
Một phần tử chỉ có một class.
Class có thể dùng cho nhiều phần tử.
CSS không thể định kiểu theo tên thẻ.
CSS dùng để làm gì?
Tạo cấu trúc trang web.
Định kiểu trang web.
Xử lí dữ liệu.
Lưu trữ dữ liệu.
Cho CSS như hình bên.
HTML nào phù hợp?
<div class="menu"></div>
<div id="menu"></div>
<p class="menu"></p>
<p name="menu"></p>
Viết CSS để tất cả thẻ <h1>
có màu xanh là:
h1 { color: blue; }
h1 { background: blue; }
h1 { text-align: blue; }
h1 { font-style: blue; }
Thẻ HTML nào dùng để tạo siêu liên kết?
<link>
<a>
<url>
<href>
Trạng thái nào của siêu liên kết được kích hoạt khi người dùng rê chuột vào?
a:link
a:visited
a:hover
a:active
Thuộc tính CSS nào dùng để bỏ gạch chân liên kết?
font-size
text-decoration
text-transform
text-align
Giá trị nào của list-style-type dùng cho <ul>?
decimal
upper-roman
square
lower-alpha
Đoạn CSS nào đổi màu liên kết khi rê chuột?
a:link { color:red; }
a:hover { color:red; }
a:active { color:red; }
a:visited { color:red; }
list-style-position: inside có tác dụng gì?
Đưa dấu đầu dòng ra ngoài nội dung.
Đưa dấu đầu dòng vào bên trong nội dung.
Bỏ dấu đầu dòng.
Thay dấu đầu dòng bằng hình ảnh.
Để bỏ hoàn toàn dấu đầu dòng của danh sách, ta sử dụng:
list-style-type: disc;
list-style: none;
list-style-position: outside;
list-style-image: none;
Đoạn CSS nào giúp danh sách hiển thị thành menu ngang?
li { display:block; }
li { display:inline; }
ul { list-style-type:disc; }
ul { padding:10px; }
Muốn thay dấu đầu dòng
- bằng hình ảnh icon.png, ta viết:
ul { list-style-type: icon.png; }
ul { list-style-image: "icon.png"; }
ul { list-style-image: url("icon.png"); }
ul { background-image: url("icon.png"); }
Đoạn CSS nào vừa bỏ gạch chân vừa đổi màu liên kết khi rê chuột?
a { color:red; }
a:hover { text-decoration:none; }
a { text-decoration:none; } a:hover { color:red; }
a:active { color:red; }
Thuộc tính CSS nào dùng để tạo khoảng cách bên trong phần tử biểu mẫu?
margin
border
padding
width
Thuộc tính CSS nào dùng để bo tròn góc ô nhập liệu?
border-style
border-radius
outline
box-shadow
Việc định kiểu CSS cho biểu mẫu KHÔNG nhằm mục đích nào sau đây?
Làm biểu mẫu dễ nhìn
Cải thiện trải nghiệm người dùng
Thu thập dữ liệu từ người dùng
Tạo giao diện thống nhất
Vì sao khi định kiểu biểu mẫu thường đặt label { display:block; }?
Ẩn nhãn.
Nhãn cùng dòng.
Mỗi nhãn một dòng.
Canh giữa.
Muốn khi rê chuột lên nút gửi thì màu nền thay đổi, cần sử dụng:
button { color: ... }
button:focus { ... }
button:hover { ... }
button:active { ... }
Đoạn CSS nào giúp ô nhập liệu chiếm toàn bộ chiều rộng biểu mẫu?
input { height: 100%; }
input { width: 100%; }
input { display: block; }
input { padding: 100%; }
Tạo khoảng cách dọc giữa các ô nhập:
padding cho form
margin-bottom cho input
border cho label
text-align cho form
Trong biểu mẫu, để làm nổi bật nút “Gửi”, nên ưu tiên thay đổi thuộc tính nào?
display
background-color
float
position
Dùng box-sizing: border-box để:
Tạo viền đôi.
Đổi màu khi rê chuột.
Tính padding, border vào width.
Tự xuống dòng.
