NEW
Font size
Worksheetsôn tập
Total questions: 13
Worksheet time: 19mins
Cho đoạn CSS: div { width: 200px; padding: 10px; border: 5px solid black; box-sizing: border-box; }. Hỏi chiều rộng phần content của thẻ div là bao nhiêu?
200 px
180 px
170 px
150 px
Cho CSS: div { width: 150px; padding: 15px; border: 5px solid black; box-sizing: content-box; }. Hỏi chiều rộng thực tế của khối (không tính margin) là bao nhiêu?
150 px
170 px
180 px
190 px
Cho CSS: div { width: 300px; padding: 20px; border: 10px solid black; margin: 15px; box-sizing: border-box; } Tổng chiều rộng mà phần tử div chiếm chỗ trên trang là:
300px
330px
340px
360px
Cho đoạn CSS: div { width: 250px; padding: 15px; border: 10px solid black; box-sizing: border-box; } Muốn phần content còn đúng 200px, cần sửa giá trị width bằng bao nhiêu?
200px
230px
250px
270px
Cho CSS: div { width: 180px; padding: 10px; border: 5px solid black; margin: 10px; box-sizing: border-box; } Chiều rộng content + padding là:
160px
165px
170px
180px
Trong CSS, bộ chọn nào sau đây có trọng số cao nhất?
#id.
element.
*.
..class.
Để thiết lập chữ màu đỏ cho tất cả các thẻ <h1>, mã nào trong css là đúng?
h1 { background-color: red; }
h1 { text-color: red; }
h1 { color: red; }
h1 { font-color: red; }
Để tạo văn bản màu xanh dương và căn giữa cho tất cả các thẻ <h2>, viết mã CSS nào?
h2 { color: blue; text-align: right; }
h2 { color: green; text-align: center; }
h2 { color: blue; text-decoration: center; }
h2 { color: blue; text-align: center; }
Sắp xếp thứ tự từ cao xuống thấp các mức độ ưu tiên khi áp dụng CSS:
1.Trọng số CSS
2.Mặc định theo trình duyệt
3.CSS liên quan đến kích thước thiết bị
4.Kế thừa từ CSS cha
3 → 1 → 4 → 2
1 → 3 → 4 → 2
4 → 1 → 3 → 2
3 → 1 → 2 → 4
Giá trị trọng số của bộ chọn ::selection là bao nhiêu?
1
10
100
0
Để thay đổi màu chữ của một thẻ <p> nằm trong một thẻ <div>, nên dùng bộ chọn nào?
(Chú ý: GHI NHỚ BÊN HÌNH ẢNH)
div p { color: red; }
div + p { color: red; }
div p + span { color: red; }
body div p { color: red; }
Giả sử có CSS:
p::first-letter {
font-size: 2em;
color: red;
}
Lệnh này sẽ áp dụng cho phần nào của thẻ <p>?
GỢI Ý: ĐỌC GHI CHÚ HÌNH BÊN
Tất cả các từ đầu tiên trong <p>
Tất cả các ký tự trong <p>
Toàn bộ nội dung trong <p>
Chữ cái đầu tiên của mỗi đoạn văn bản trong <p>
CSS
* { color: blue; }
h1 {
color: red !important;
text-align: center;
}
h2 { color: green; }
HTML
<h1>Tính kế thừa của CSS</h1>
<h2>Mô hình cách HTML</h2>
<p>Đây là đoạn văn tiên ...</p>
Kết quả dòng chữ ‘Đây là đoạn văn tiên…’ có chữ màu xanh dương
Chữ !important trong đoạn CSS có được ưu tiên thấp nhất”
Kết quả dòng chữ ‘Tính kế thừa của CSS’ có chữ màu xanh lá, và căn giữa
Dấu * trong đoạn CSS áp dụng cho mọi phần tử, có mức ưu tiên cao nhất
