WorksheetsPage 1
Total questions: 45
Worksheet time: 45mins
CSS giúp trang web
Dễ bảo trì
Nạp nhanh hơn
Chống sao chép
Có âm thanh
Khi muốn định kiểu toàn cục, nên chèn CSS ở đâu?
Trong thẻ
Trong thẻ
Trong thẻ
Trong thẻ
Trong thứ tự ưu tiên áp dụng CSS, cách nào có độ ưu tiên cao nhất?
Trực tiếp
Trong style
Tệp .css
Trong script
Tác dụng của thuộc tính text-transform: uppercase là
In hoa
Gạch chân
Tô màu
In nghiêng
Khi muốn định dạng bảng có viền 2px màu xanh, ta dùng
border: 2px solid green
width: 2px blue
margin: 2px dashed
font-size: 2px
Để làm nổi bật các dòng xen kẽ trong bảng, ta dùng
background-color
border-radius
font-style
letter-spacing
Khi định kiểu tiêu đề
để có phông Arial, in đậm và cỡ 32pt, ta cần
font-family, font-weight, font-size
font-color, text-align, margin
text-indent, border, height
font-style, padding, position
Thuộc tính font-weight: bolder có tác dụng gì?
Tăng độ đậm
Nghiêng chữ
Giảm khoảng cách
Căn lề trái
Khi muốn bo tròn các góc viền, ta dùng thuộc tính
border-radius
border-round
corner-style
curve-edge
text-shadow giúp tạo hiệu ứng gì?
Đổ bóng
Đổi màu
Nháy sáng
Di chuyển
Thuộc tính margin dùng để tạo khoảng cách giữa
Phần tử và bên ngoài
Văn bản và hình ảnh
Dòng và đoạn
Cột và tiêu đề
Để căn phải nội dung trong thẻ
text-align: right
align: right
float: right
justify: right
Nếu muốn tạo nền ảnh cho một vùng, thuộc tính nào sau đây là đúng?
background-image
image-src
fill-url
picture-link
Khi dùng background-size: cover, kết quả là gì?
Ảnh phủ toàn vùng
Ảnh bị cắt nhỏ
Ảnh co lại
Ảnh mờ đi
Dùng class để định kiểu giúp điều gì?
Dùng lại được
Ẩn phần tử
Xoá dữ liệu
Thêm đường viền
Vùng chọn bằng ký hiệu # chỉ nên dùng khi nào?
ID là duy nhất
Lớp trùng nhau
Có nhiều bảng
Có nhiều hình ảnh
Tác dụng của dùng nhiều class cho một phần tử là gì?
Kết hợp định kiểu
Tạo vùng lặp
Tăng kích thước
Làm mờ nội dung
Vùng chọn .class1 p sẽ áp dụng kiểu cho đối tượng nào?
Thẻ p trong class1
Mọi thẻ p
Thẻ div
Cả trang web
Mức độ vận dụng: Khi muốn các ảnh nằm giữa trang trong nền tối, bạn cần sử dụng gì?
Dùng text-align và background-color
Dùng float và opacity
Để định kiểu riêng cho một ảnh trong div có class image-style, vùng chọn phù hợp là:
.image-style img
img.image-style
div.image-style
#image-style img
Khi muốn định kiểu một lần cho nhiều thẻ khác nhau, cách tốt nhất là:
Dùng class chung
Dùng nhiều id
Dùng thuộc tính float
Dùng thẻ style trực tiếp
Khi người dùng di chuột đến một siêu liên kết, ta nên dùng lớp giả nào để định kiểu?
:hover
:focus
:active
:visited
Muốn dấu đầu dòng nằm bên trong nội dung mục, ta dùng thuộc tính nào với giá trị gì?
list-style-position: inside;
list-style-type: inside;
list-style-image: inside;
position-style-list: inside;
Màu sắc và hiệu ứng siêu liên kết được thay đổi nhờ vào:
Các lớp giả trong CSS
Các hàm JavaScript
Thẻ
Các ảnh động (GIF)
Để định kiểu danh sách có dấu đầu dòng hình tròn rỗng, ta dùng:
list-style-type: circle;
list-style-type: square;
list-style-type: disc;
list-style-type: none;
Trong thanh trình đơn, muốn các mục nằm ngang thay vì dọc, em nên sử dụng thuộc tính nào?
display: inline; hoặc display: inline-block;
margin: auto;
list-style-position: outside;
text-align: justify;
Khi định kiểu cho siêu liên kết trong danh sách nằm trong thẻ có lớp .nav, vùng chọn CSS nên viết thế nào?
.nav li a
a li .nav
li .nav a
a .nav li
Để tạo hiệu ứng đổi màu khi rê chuột qua mục trong thanh trình đơn, em nên dùng lớp giả nào và áp dụng cho vùng chọn nào?
.nav li a:hover
.nav a:focus
.menu li:hover a
.list a:hover
Thuộc tính CSS nào dùng để làm đường viền bảng trở thành đường viền đơn?
border-collapse
border-style
border-spacing
table-layout
Để định kiểu hàng chẵn trong bảng, ta sử dụng lớp giả nào sau đây?
:nth-child(even)
:hover
:first-child
:nth-of-type
Giá trị nào của thuộc tính float giúp phần tử
left
top
center
inline
Để ngăn các phần tử
clear
z-index
position
overflow
Khi người dùng di chuột vào hàng trong bảng, để đổi màu nền ta dùng:
tr:hover
td:focus
table:active
th:hover
Để Vùng A và Vùng B nằm ngang hàng nhau, ta cần áp dụng:
float
margin
padding
display: block
Đoạn mã .left { float: left; } dùng để:
Căn phần tử sang trái
Tô màu nền
Đặt chiều cao
Giãn khoảng cách
Một bảng có nhiều hàng chẵn và lẻ, để định kiểu xen kẽ hiệu quả nhất, ta nên dùng:
tr:nth-child(even) và tr:nth-child(odd)
td:nth-child(even)
table > td:nth-child(2n+1)
tr:before
Trong bố cục với nhiều
Thêm
Dùng display: flex
Chuyển sang dùng
