NEW
Font size
WorksheetsBÀI 16. ĐỊNH DẠNG KHUNG
Total questions: 10
Worksheet time: 5mins
Phần tử khối trong HTML có đặc điểm nào sau đây?
Chiều rộng và chiều cao phụ thuộc vào nội dung văn bản.
Chiều rộng chiếm toàn bộ chiều ngang của trình duyệt.
Không thể thay đổi loại phần tử bằng CSS.
Chỉ áp dụng cho các thẻ
.
Thuộc tính nào trong CSS dùng để bo góc cho đường viền khung?
border-width
border-style
border-radius
padding
Trong đoạn mã CSS “.class1 { color: red;}” thì “.class1” được gọi là phương án nào trong các phương án sau đây?
Bộ chọn id
Bộ chọn lớp
Bộ chọn phần tử
Bộ chọn thuộc tính
Giá trị nào của border-style dùng để tạo viền nét đứt?
solid
dashed
double
dotted
Trong đoạn mã CSS “div > p {color: blue;}”. Quy tắc này áp dụng cho phương án nào sau đây?
Tất cả các phần tử <p>
trên trang.
Các phần tử <p>
là con trực tiếp của <div>.
Các phần tử <p>
là con hoặc cháu của <div>.
Mọi phần tử bên trong <div>.
Thuộc tính padding và margin khác nhau như thế nào?
padding là khoảng cách từ đường viền đến văn bản, còn margin là khoảng cách từ đường viền ra bên ngoài.
padding chỉ áp dụng cho phần tử khối, còn margin áp dụng cho mọi phần tử.
padding thay đổi kích thước khung, còn margin thì không.
padding được sử dụng để thay đổi màu viền, còn margin để thay đổi khoảng cách.
Trong đoạn mã HTML “Hello”. Để thay đổi màu chữ của đoạn văn trên thành xanh lá, đoạn CSS nào sau đây là đúng?
#para1 {color: green;}
.para1 {color: green;}
para1 {color: green;}
p#para1 {color: green;}
Cho đoạn CSS sau “div[class] {border: 2px solid red;}”. Quy tắc này áp dụng cho phương án nào sau đây:
Tất cả các phần tử .
Các phần tử có thuộc tính class.
Các phần tử có bất kỳ id nào.
Các phần tử là con trực tiếp của thẻ cha.
Để tạo viền khung với các góc được bo tròn 10px, đồng thời viền có màu xanh và dày 5px, mã CSS nào là đúng?
border: 5px solid blue; border-radius: 10px;
border: 5px; color: blue;
border-width: 5px; border-color: blue; border-style: solid; border-radius: 10px;
border-style: solid; border-radius: 10px.
Cho đoạn HTML và CSS sau: Paragraph 1 Paragraph 2 .class1 {color: red;} #para2 {color: blue !important;} div > p {color: green;} Màu sắc của đoạn văn "Paragraph 2" sẽ là phương án nào sau đây:
Xanh lá cây
Đỏ
Xanh dương
Mặc định (đen)
