Font size
WorksheetsÔn tập trắc nghiệm cuối kỳ 2 TH12
Total questions: 43
Worksheet time: 23mins
Thẻ <label> thường được sử dụng để:
Nhập dữ liệu
Nhóm phần tử
Định nghĩa nhãn cho phần tử input
Hiển thị các lựa chọn
Để tạo một danh sách thả xuống cho phép người dùng chọn một trong các lựa chọn, thẻ nào được sử dụng?
<input>
<label>
<select>
<textarea>
Khi sử dụng thẻ <input> với type="radio", mục đích của nó là để:
Cho phép chọn nhiều tùy chọn
Cho phép chọn một tùy chọn duy nhất trong một nhóm
Nhập dữ liệu dạng chữ
Nhập dữ liệu dạng số
Để tạo một nút gửi thông tin trong biểu mẫu, thẻ <input> nên sử dụng thuộc tính nào?
type="text"
type="submit
type="button"
type="reset"
Cách nào không phải là một cách thiết lập CSS?
CSS trong
CSS ngoài
CSS nội tuyến
CSS tích hợp
Để kết nối tệp CSS với tệp HTML, bạn có thể sử dụng thẻ nào trong phần <head>?
<script>
<style>
<link>
<import>
Tại sao việc sử dụng CSS có lợi hơn việc định dạng HTML trực tiếp?
CSS không cần phải viết mã
CSS giúp tách nội dung và định dạng, giảm công việc và tăng tính đồng nhất
CSS làm cho trang web không cần thiết phải định dạng
CSS không hỗ trợ đa dạng kiểu định dạng
CSS nào dùng để định dạng phông chữ ?
font-family
font-size
font-weight
Tất cả các ý trên
Trong CSS, thuộc tính line-height dùng để:
Định nghĩa chiều cao của phần tử
Thiết lập khoảng cách giữa các dòng văn bản
Định nghĩa độ rộng của chữ
Thiết lập khoảng cách giữa các ký tự
Để căn lề thụt đầu dòng cho đoạn văn bản trong CSS, ta dùng thuộc tính nào?
text-align
margin
text-indent
padding
Phần tử nào sau đây không phải là loại phông chữ trong CSS?
Serif
Sans-serif
Monospace
Symbolic
Trong CSS, thuộc tính text-align: center; dùng để:
Căn lề trái cho văn bản
Căn lề phải cho văn bản
Căn giữa văn bản
Căn đều hai bên văn bản
Hệ màu nào được sử dụng trong CSS để biểu diễn màu sắc bằng ba giá trị số từ 0 đến 255?
CMYK
RGB
HSL
HEX
Thuộc tính CSS nào được sử dụng để định dạng màu chữ?
background-color
color
border
font-color
Thuộc tính CSS nào sau đây không có tính kế thừa?
color
background-color
border
font-size
Bộ chọn CSS nào áp dụng định dạng cho các phần tử là con trực tiếp của ?
div p
div > p
div + p
div ~ p
Trong CSS, thuộc tính background-color được sử dụng để làm gì?
Định dạng màu viền
Định dạng màu nền
Định dạng màu chữ
Định dạng cỡ chữ
Thuộc tính display: none; trong CSS có tác dụng gì?
Chuyển phần tử thành phần tử inline
Chuyển phần tử thành phần tử block
Ẩn phần tử mà không hiển thị trên trang web
Chuyển phần tử thành phần tử nội tuyến
Khi đặt tên cho ID và class, điều nào không đúng?
Tên phải phân biệt chữ hoa và chữ thường
Tên bắt đầu bằng số
Không chứa dấu cách và các ký tự đặc biệt
Phải có ít nhất một ký tự không phải là số
Cú pháp đúng để áp dụng pseudo-element trong CSS là:
::pseudo-element {thuộc tính : giá trị ;}
pseudo-element {thuộc tính : giá trị ;}
:pseudo-element {thuộc tính : giá trị ;}
::pseudo-class {thuộc tính : giá trị ;}
Trong trường hợp có nhiều mẫu định dạng CSS áp dụng cho cùng một phần tử, quy tắc nào được áp dụng?
Mẫu định dạng đầu tiên trong tệp CSS
Mẫu định dạng có thuộc tính màu sắc
Mẫu định dạng có trọng số cao nhất
Mẫu định dạng có thứ tự cuối cùng
Trọng số CSS không bao gồm yếu tố nào sau đây?
Số lượng ID
Số lượng class
Số lượng thẻ HTML
Số lượng thuộc tính
Pseudo-class :hover được sử dụng để:
Thay đổi nội dung của phần tử khi nhấn vào
Thay đổi kiểu chữ khi chuột di chuyển qua
Ẩn phần tử khi trang được tải
Tạo hiệu ứng động khi trang cuộn
Nguyên tắc ưu tiên trong CSS được xác định bằng:
Thứ tự xuất hiện của các quy tắc trong tệp CSS
Số lượng phần tử trong trang HTML
Số lượng liên kết trong tệp CSS
Thuộc tính text-decoration: underline; có tác dụng gì?
Tạo bóng cho chữ
Biến văn bản thành chữ in hoa
Tăng khoảng cách giữa các chữ
Gạch chân văn bản
Cho đoạn HTML sau: <p class="intro">Chào mừng đến với lớp Tin học.</p>
Đoạn CSS nào phù hợp để định dạng đoạn văn bản trên in đậm, căn giữa và có màu xanh dương.
.intro { font-weight: normal; text-align: justify; color: blue; }
.intro { font-weight: bold; text-align: center; color: blue; }
p { font-weight: bold; text-align: center; color: blue; }
.intro { text-decoration: underline; text-align: center; color: blue; }
Khẳng định nào đúng về mã màu HEX trong CSS?
Luôn phải viết trong ngoặc kép
Có dạng #RRGGBB
Có thể dùng cho màu chữ nhưng không thể dùng cho màu nền
Chỉ hỗ trợ tối đa 100 màu
Cách khai báo màu nào sau đây KHÔNG hợp lệ trong CSS?
. rgb(256,0,0)
#FF0000
rgb(100%, 65%, 0%)
color: red
Cho đoạn HTML: <p class="note">Lưu ý quan trọng</p>
Yêu cầu: chữ màu trắng và nền màu đỏ. Quy tắc CSS nào đúng nhất?
.note { color: red; background-color: #222; }
.note { text-color: #222; background: red white; }
.note { color: #222; background-color: red; }
p { color: #222; }
Thuộc tính CSS nào dùng để đặt độ dày đường viền (khung)?
border-color
border-style
outline-width
border-width
Trong mô hình hộp (CSS Box Model), phần nào nằm ngoài cùng tính từ trong ra?
Content
Padding
Margin
Border
Cho CSS sau:
.card {
border: 3px dashed red;
margin: 20px;
padding: 15px;
}
Phát biểu nào đúng nhất?
Đường viền đỏ nét li, khoảng cách giữa nội dung và viền là 20px
Đường viền nét li màu đỏ, khoảng cách giữa viền và nội dung bên ngoài viền là 20px
Khoảng cách giữa thẻ .card và phần tử bên ngoài là 15px
Đường viền màu đỏ nhưng kiểu nét là solid
Bộ chọn nào có mức ưu tiên cao nhất trong CSS?
Bộ chọn thẻ (element selector)
Bộ chọn lớp (class selector)
Bộ chọn *
Bộ chọn ID
Khi nhiều quy tắc CSS có cùng mức ưu tiên, quy tắc nào được áp dụng?
Quy tắc đầu tiên
Quy tắc dài nhất
Quy tắc ngắn nhất
Quy tắc cuối cùng
Vì sao bộ chọn .menu .item có mức ưu tiên cao hơn bộ chọn .item?
Vì có dấu cách giữa hai bộ chọn
Vì trình duyệt tự động tăng độ ưu tiên
Vì có hai class thay vì một
Vì .menu là ID
Cho đoạn CSS:
#content p.note { color: black; }
p.note { color: brown; }
.note { color: orange; }
Đoạn <p class="note"> nằm trong thẻ <div id="content"> sẽ có màu gì?
Black
Orange
Brown
Không xác định
Trong một trang web, thẻ nào dùng để liên kết đến tệp CSS bên ngoài?
<script>
<meta>
<style>
<link>
Khi website có nhiều trang, nên dùng CSS nào?
Inline CSS
External CSS
Internal CSS
Không dùng CSS
Cho cấu trúc thư mục trang web như sau:
Trong file index.html, để liên kết đến style.css, cú pháp đúng là:
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="./css/style.css">
Câu hỏi nhiều lựa chọn đúng sai
Cho đoạn CSS:
Thuộc tính text-align dùng để căn lề văn bản theo chiều ngang.
Với đoạn HTML <div><p>Text</p></div>, nếu thêm div {text-align:left;} thì văn bản vẫn căn giữa do quy tắc áp dụng trực tiếp cho p.
Nếu thêm margin: auto; vào p thì nội dung văn bản cũng sẽ tự động căn giữa giống text-align: center.
Thuộc tính font-weight: bold làm cho chữ hiển thị in đậm so với bình thường.
Câu hỏi nhiều lựa chọn đúng sai
Cho đoạn CSS sau, nhận định nào đúng:
Trong đoạn mã trên, tất cả dòng tiêu đề h1 có màu đỏ.
Thuộc tính background-color dùng để thiết lập màu chữ cho nội dung trang web.
Nếu thêm body {color: blue;} ở cuối, thì toàn bộ chữ sẽ chuyển sang màu xanh do quy tắc ghi đè.
Nếu thêm h1 {color: green;} ở đầu file CSS thì màu của tiêu đề vẫn giữ nguyên màu đỏ.
Câu hỏi nhiều lựa chọn
Cho đoạn CSS sau:
Nhận định nào sau đây đúng
Thuộc tính border dùng để tạo đường viền cho phần tử.
Tổng chiều rộng phần tử lớn hơn 120px do có thêm padding và border.
Giá trị padding: 10px tạo khoảng cách giữa viền và các phần tử bên ngoài.
Nếu thêm margin: 20px; thì kích thước hiển thị của phần tử vẫn không thay đổi, chỉ thay đổi khoảng cách với phần tử khác.
Câu hỏi nhiều lựa chọn đúng sai
Nhận định nào sau đây đúng khi Phát biểu về các mức ưu tiên của bộ chọn CSS:
Bộ chọn ID (#id) có mức ưu tiên thấp hơn bộ chọn lớp (.class).
Trong đoạn mã CSS sau, thuộc tính màu chữ của thẻ <p> sẽ là xanh:
p { color: red; }
.highlight { color: blue; }
<p class="highlight">Hello</p>
Khi hai quy tắc CSS có cùng độ ưu tiên, trình duyệt sẽ áp dụng quy tắc được viết sau.
Trong trường hợp dưới đây, màu chữ của đoạn văn sẽ là xanh.
#title { color: red; }
.title { color: blue; }
<p id="title" class="title">Demo</p>
