NEW
Font size
WorksheetsHTML3
Total questions: 50
Worksheet time: 25mins
Có bao nhiêu loại đơn vị trong CSS ?
1
2
vô số
3
Class nào biểu thị hành động thành công hoặc tích cực?
bg-info
bg-success
bg-primary
bg-warning
Class nào được sử dụng để tạo một nhóm nút?
group-btn
button-group
group-button
btn-group
Để tạo 1 tab ẩn trong tab navigation, ta chọn:
nav, nav-tabs
nav, nav-pills
nav, nav-tabs, disabled
nav, nav-pills, nav-disabled
Class "container-fluid" trong Bootstrap có đặc điểm:
Tạo vùng chứa có độ rộng cố định
Tạo vùng chứa có kích thước max-width tại mỗi breakpoint
Tạo vùng chứa có độ rộng tràn hết màn hình
Tạo vùng chứa chiều rộng tùy ý
Làm thế nào để hình sau có đường viền độ dày 1px? <img id="mainpic" src="cat.png">
#mainpic{border 1px solid red;}
mainpic{border 1px solid blue;}
#mainpic{border 1px;}
mainpic{border 1px solid blue;}
Làm sao để tạo chữ đậm?
Tất cả các chọn lựa đều đúng
font-weight: bold
font:bold
style:bold
Class nào được sử dụng để tạo phân trang cơ bản?
pagination
page
navigation
pages
Câu lệnh nào thường dùng khi ta muốn đặt các khối div nằm kế bên nhau khi dàn trang?
Display: left;
Float: clear;
Float: left;
Display: next;
Để có kết quả như hình bên dưới ta chọn đáp án nào sau đây?
<img src="hinh1.jpg" alt="hinh1"><img src="hinh2.jpg" alt="hinh2">
<div><img src="hinh1.jpg" alt="hinh1"></div><div><img src="hinh2.jpg" alt="hinh2"></div>
<span><img src="hinh1.jpg" alt="hinh1"></span><span><img src="hinh2.jpg" alt="hinh2"></span>
<div><img src="hinh1.jpg" alt="hinh1"><img> src="hinh2.jpg" alt="hinh2"></div>
Dòng nào tuân theo đúng cú pháp của CSS?
body;color=black
body{color: black}
{body;color=black{body}
{body;color:black}
Câu lệnh sau đây tạo margin cho đối tượng div như thế nào?
top margin = 5px; left margin = 5px; bottom margin = 10px; right margin = 10px;
top margin = 10px; left margin = 5px; bottom margin = 5px; right margin = 10px;
Câu lệnh viết sai
top margin = 5px; left margin = 10px; bottom margin = 5px; right margin = 10px;
Làm thế nào để tag div nằm giữa trang web hay cha của nó theo chiều ngang?
Margin:0;
Text-align:center;
Margin:0 auto;
Margin:0 0;
Câu nào sau đây sai:
Các đối tượng có position:absolute có thể xếp chồng lên nhau
Khi ta không khai báo position, có nghĩa là position:absolute
Thuộc tính z-index có tác dụng khi đi kèm với position:absolute.
Position:relative sử dụng khi ta muốn dời đối tượng so với vị trí mặc định của nó
Làm cách nào để tạo kết quả như hình
Tất cả các chọn lựa đều đúng
div p:nth-child(1) { background #00ff00; }
div p { background #00ff00; }
div p:only-child( { background #00ff00; }
Làm thế nào để chữ của tất cả các tag <a> đổi sang màu trắng khi đưa con trỏ ngang qua.
a:over{color:white;}
a:onmouseover{color:white;}
a:onHover{color:white;}
a:hover{color:white;}
Làm thế nào để chữ "Xin chao" và "Toi den tu TP HCM" lớn gấp đôi?
#cau1,#cau3{font-size:2em}
p.warning{font-size:2em;}
.warning{font-size:2em;}
Tất cả các chọn lựa đều đúng
Làm cách nào để tạo kết quả như hìnhx
div{background #00ff00;}
div p+p {background #00ff00;}
div p{background #00ff00;} hoặc div>p{background #00ff00;}
p.div{background #00ff00;}
Làm cách nào để tạo kết quả như hình
div p:last-child, p:last-of-type{ background #00ff00;}
p:last-of-type{background #00ff00;}
Tất cả các chọn lựa đều đúng
p:last-child{background #00ff00;}
Làm cách nào để tạo kết quả như hình?
input:disabled { background: #ff0000; }
form:disabled { background: #ff0000; }
form input:checked { background: #ff0000; }
form:first-child { background: #ff0000; }
Làm cách nào để tạo kết quả như hình?
input:last-child{background:#00ff00;}
input:enabled{background:#00ff00;}
input:checked{background:#00ff00;}
input:first-child{background:#00ff00;}
Làm cách nào để tạo kết quả như hình:
div p:last-child, div+p {background: #00ff00;}
div~p {background: #00ff00;}
div p+p {background: #00ff00;}
Tất cả các lựa chọn đều đúng
Khi cần ẩn một đối tượng, ta dùng thuộc tính CSS nào?
Display:hidden
Visible:hidden
Visibility:hidden
Hidden:yes
chọn hiện thị đúng:
tất cả đều sai
đáp án nào đúng:
lass nào được sử dụng để tạo màu văn bản màu cam?
txt-orange
txt-warning
bg-warning
text-warning
Đoạn code sau tạo trang web như thế nào?
Có 3 cột bằng nhau
Có 3 cột và 3 dòng bằng nhau
Có 3 cột có kích thước khác nhau
Có 3 dòng có độ rộng 33.33%
Class nào nắn hình ảnh thành hình tròn?
img-circle
img-round
img-rounded
rounded-circle
Class nào có thể được sử dụng để đẩy một phần tử sang bên phải?
float-start
float-r
float-right
float-end
list-style-type: none; có tác dụng gì?
Ẩn toàn bộ danh sách
Loại bỏ dấu đầu dòng
Làm trong suốt danh sách
Thay đổi kiểu bảng
display: block; sẽ khiến phần tử có đặc điểm gì?
Không xuống dòng
Chiếm toàn bộ chiều ngang
Không chiếm không gian
Không thể chứa nội dung
z-index có hiệu lực khi nào?
Mọi lúc
Chỉ khi display: block
Khi position là relative, absolute, fixed, sticky
Khi float được thiết lập
opacity: 0.5; làm gì?
Ẩn phần tử
Làm phần tử trong suốt một phần
Tăng độ sáng
Đổi vị trí phần tử
Phân biệt visibility: hidden; và display: none;
Không khác nhau
hidden ẩn và không chiếm chỗ, none vẫn chiếm chỗ
hidden chiếm chỗ, none không chiếm chỗ
Cả hai đều làm trong suốt
float: right; có tác dụng:
Căn giữa phần tử
Đẩy phần tử sang bên phải container
Thêm border
Tạo hiệu ứng trượt
Thuộc tính nào dùng để ngăn phần tử bị lấn bởi phần tử float?
overflow
z-index
clear
visibility
table-layout: fixed; có ý nghĩa gì?
Cố định kích thước bảng theo nội dung
Tự động điều chỉnh theo nội dung
Cố định độ rộng cột
Không có tác dụng
caption-side: bottom; sẽ đặt tiêu đề bảng ở:
Trên bảng
Dưới bảng
Trái bảng
Giữa bảng
display: inline-block; kết hợp đặc điểm nào?
float + clear
inline + block
flex + grid
table + caption
overflow: hidden; sẽ:
Ẩn phần nội dung tràn ra ngoài
Tạo thanh cuộn
Làm trong suốt phần tử
Tăng kích thước phần tử
border-collapse: collapse; áp dụng trong:
Div
List
Table
Inline elements
overflow-wrap: break-word; giúp:
Ẩn từ dài
Bẻ từ quá dài xuống dòng
Xoá đoạn văn
Tăng độ sáng
visibility: collapse; có hiệu quả nhất với:
Div
Table row
Li
Img
opacity: 1; là trạng thái:
Trong suốt hoàn toàn
Rõ ràng, không trong suốt
Mờ nhẹ
Mặc định là ẩn
Thuộc tính CSS để canh khoảng cách giữa các ô trong bảng là:
caption-side
padding
border-width
border-spacing
Trong CSS, thuộc tính border-spacing: 10px 5px; có nghĩa là gì?
Cách đều các ô trong bảng 10px theo cả chiều ngang và chiều dọc
Cách các cột 10px và cách các hàng 5px
Cách hàng 10px và cột 5px
Tăng độ dày viền của bảng lên 10px và 5px
display: flex; thường được dùng để:
Làm bảng
Căn chỉnh layout linh hoạt
Làm thanh cuộn
Thêm border
overflow-x điều khiển gì?
Cuộn theo chiều dọc
Cuộn theo chiều ngang
Trong suốt chiều ngang
Ẩn nội dung chiều ngang
list-style-image dùng để:
Hiển thị ảnh nền
Thêm hình làm dấu đầu dòng
Đổi kiểu danh sách
Làm mờ hình ảnh
float và position khác nhau thế nào?
float để cố định phần tử, position để cuộn
float để canh trái/phải, position để định vị trí
Cả hai giống nhau
Không có câu đúng
