Font size
Worksheets12.F10. Bộ chọn lớp và bộ chọn định danh
Total questions: 12
Worksheet time: 12mins
Bộ chọn lớp trong CSS được khai báo bằng ký hiệu nào? Chỉ chọn một phương án.
#
.
:
*
Bộ chọn định danh (ID selector) trong CSS được khai báo bằng ký hiệu nào? Chỉ chọn một phương án.
.
#
:
*
Cho đoạn CSS: #title { color: red; } Thuộc tính color: red; sẽ áp dụng cho phần tử nào trong HTML? Chỉ chọn một phương án.
Bất kỳ phần tử nào có class title
Phần tử có thuộc tính id="title"
Tất cả các phần tử h1
Tất cả các phần tử trong trang web
Trong CSS, một phần tử có thể có bao nhiêu class? Chỉ chọn một phương án.
Chỉ một
Tối đa hai
Không giới hạn
Tối đa ba
Cách nào sau đây KHÔNG đúng để áp dụng CSS vào phần tử p?
< p class="text"></p> với .text { color: blue; }
< p id="text"></p>với #text { color: blue; }
< p class="text"></p> với p.text { color: blue; }
< p id="text"></p>với .text { color: blue; }
Trong CSS, độ ưu tiên của bộ chọn ID so với bộ chọn class như thế nào? Chỉ chọn một phương án.
Class có độ ưu tiên cao hơn
ID có độ ưu tiên cao hơn
Cả hai có độ ưu tiên như nhau
Phụ thuộc vào thứ tự khai báo
Cho HTML:
< p class="note">Hello</p>
<p id="note">World</p> Và CSS: .note { color: blue; } #note { color: red; } Từ “World” sẽ có màu gì? Chỉ chọn một phương án.
Xanh
Đỏ
Đen (mặc định)
Cả xanh và đỏ
Cho CSS: #main .box { color: green; } Nó sẽ áp dụng cho phần tử nào trong đoạn HTML sau?
< div id="main">
< div class="box">Text</div>
</div>
Tất cả các phần tử có class box
Chỉ các phần tử có class box nằm trong phần tử có id="main"
Tất cả các phần tử div
Không phần tử nào bị ảnh hưởng
Bộ chọn nào có độ ưu tiên cao nhất? Chỉ chọn một phương án.
.button { color: red; }
#button { color: blue; }
button { color: green; }
* { color: black; }
Trong CSS, có thể áp dụng nhiều class cho một phần tử bằng cách nào? Chỉ chọn một phương án.
class="btn blue bold"
class="btn, blue, bold"
class=".btn, blue .bold"
class="#btn #blue #bold"
Một blogger đang thiết kế trang web cá nhân và sử dụng CSS để điều chỉnh giao diện. Chọn CÁC phát biểu đúng?
Blogger có thể sử dụng font-family để thay đổi kiểu chữ của bài viết trên trang web.
Khi dùng display: none;, một phần tử sẽ bị ẩn đi nhưng vẫn chiếm không gian trên trang.
Sử dụng border-radius giúp tạo các góc bo tròn cho hộp chứa nội dung.
Để áp dụng cùng một kiểu định dạng cho nhiều phần tử, blogger có thể sử dụng một lớp CSS và gán nó cho các phần tử đó bằng thuộc tính class.
Câu 1: Một lập trình viên thiết kế trang web cho cửa hàng thời trang và sử dụng CSS để định dạng giao diện.
Hãy chọn CÁC phát biểu đúng?
Lập trình viên có thể sử dụng thuộc tính color để thay đổi màu chữ của tiêu đề sản phẩm.
Sử dụng margin: auto; có thể giúp căn giữa một phần tử theo chiều ngang trên trang web.
Để đặt ảnh nền cho trang web, lập trình viên cần dùng thuộc tính background-image.
CSS chỉ có thể được viết trực tiếp trong thẻ HTML thông qua thuộc tính style, không thể tách thành một tệp riêng.
