Kiến thức cơ bản về CSS

Cú pháp CSS nào sau đây là đúng để định nghĩa một bộ chọn lớp? A. page-detail {color: red; line-height: 1.2em;} B. page-detail {background-color: red; font-weight: bold;} C. #page-detail {color: red; text-align: center;} D. *.page-detail (background-color: red; padding: 5px;}

• None of the options are correct.

• page-detail {display: flex; justify-content: space-between;}

• .page-detail {color: blue; margin: 10px;}

• #page-detail {font-size: 16px; border: 1px solid black;}

Giải thích nào sau đây là đúng về mã lệnh CSS sau? h1 h2 h3 { border: dashed 3px red;} A. Đây là cú pháp CSS sai vì các thẻ phải cách nhau bởi dấu phẩy. B. Đây là cú pháp CSS sai vì các thuộc tính không được đặt đúng thứ tự. C. Đây là cú pháp CSS sai vì giá trị thuộc tính bị sai. D. Tất cả các nội dung trong thẻ h1, h2, h3 sẽ hiển thị với biên màu đỏ, dày 3px, và nét đứt.

• B. Đây là cú pháp CSS sai vì không thể sử dụng nhiều thẻ cùng lúc.

• C. Đây là cú pháp CSS sai vì không có giá trị cho thuộc tính border.

• A. Đây là cú pháp CSS sai vì các thẻ không thể có cùng thuộc tính.

• D. Tất cả các nội dung trong thẻ h1, h2, h3 sẽ hiển thị với biên màu đỏ, dày 3px, và nét đứt.

Nếu muốn tất cả các đoạn văn hiển thị trên trang web được thụt lề 10px và có chữ in nghiêng thì cần viết lệnh CSS như thế nào cho đúng? A. p {text-left: 10px; font-weight: italic;} B. p {text-indent: 10px; font-style: italic;} C. .p {text-indent: 10px; font-style: "italic";} D. p.* {text-left: 10px; font-weight: "italic";}

• B

• p {padding: 10px; font-italic: true;}

• p {margin-left: 10px; font-style: bold;}

• p {text-indent: 10px; font-weight: italic;}

Cú pháp CSS nào sau đây là đúng để định nghĩa màu nền cho một phần tử? A. background-color: blue; B. {background: blue;} C. div {background-color: blue;} D. .background {color: blue;}

• {background-color: blue;}

• div {background: blue;}

• background-color: red;

• C

Cú pháp nào sau đây là đúng để định nghĩa kích thước chữ? A. font-size: 16px; B. {font-size: 16px;} C. p {size: 16px;} D. .text {font-size: 16;}

• font-size: 16;

• A. font-size: 16px;

• {font-size: 16;}

• p {font-size: 16px;}

Cú pháp CSS nào sau đây là đúng để định nghĩa khoảng cách giữa các đoạn văn? A. p {margin: 10px;} B. p {padding: 10px;} C. p {space: 10px;} D. p {gap: 10px;}

• p {margin-top: 10px;}

• p {border: 10px;}

• A. p {margin: 10px;}

• p {padding-bottom: 10px;}

Cú pháp nào sau đây là đúng để định nghĩa kiểu chữ cho một phần tử? A. font-family: Arial; B. {font-family: Arial;} C. div {font: Arial;} D. .font {font-family: "Arial";}

• .font {font-family: "Arial";}

• {font: 'Arial';}

• font-family: 'Arial';

• div {font-family: Arial;}

Cú pháp CSS nào sau đây là đúng để định nghĩa một bộ chọn ID? A. .page-detail {color: red;} B. #page-detail {color: red;} C. page-detail {color: red;} D. *#page-detail {color: red;}

• #pageDetail {color: red;}

• page-detail {background: red;}

• B. #page-detail {color: red;}

• .page-detail {color: blue;}

Cú pháp nào sau đây là đúng để định nghĩa một bộ chọn nhiều phần tử? A. h1, h2, h3 {color: blue;} B. h1 h2 h3 {color: blue;} C. h1; h2; h3 {color: blue;} D. h1 & h2 & h3 {color: blue;}

• A

• h1 h2, h3 {color: blue;}

• h1 + h2 + h3 {color: blue;}

• h1, h2, h3; {color: blue;}

Cú pháp nào sau đây là đúng để định nghĩa một bộ chọn lớp với nhiều thuộc tính? A. .class {color: red; background: blue;} B. .class {color: red; background-color: blue;} C. .class {color: red; background-color: blue; font-size: 14px;} D. .class {color: red; background-color: blue; font-size: 14;}

• C. .class {color: red; background-color: blue; font-size: 14px;}

• .class {color: blue; background: red;}

• class {color: red; background-color: blue;}

• class .class {color: red; background-color: blue; font-size: 14px;}