Câu 1: [NB] Trong HTML, đâu là phần tử loại khối?

• A. div
• B. img
• C. span
• D. strong

Câu 2: [NB] Phát biểu nào dưới đây là đúng khi nói về phần tử nội tuyến?

• A. Là các phần tử thường bắt đầu từ đầu hàng và kéo dài suốt chiều rộng của trang web.
• B. Là các phần tử nhúng bên trong một phần tử khác.
• C. Chúng ta không thể thay đổi loại phần tử HTML.
• D. Chiều rộng của phần tử nội tuyến phụ thuộc vào chiều rộng của trang web.

Câu 3: [NB] Thuộc tính nào trong CSS được sử dụng để tạo đường viền cho một phần tử?

• A. border-style
• B. border-width
• C. border
• D. Cả ba đáp án trên

Câu 4: [NB] Kiểu viền nào không phải là giá trị hợp lệ của thuộc tính border-style?

• A. solid
• B. dashed
• C. glow
• D. double

Câu 5: Điều gì xảy ra nếu bạn chỉ định border-width: 3px mà không có border-style?

• A. Viền sẽ hiển thị với độ dày 3px theo kiểu mặc định
• B. Viền sẽ không hiển thị
• C. Trình duyệt sẽ báo lỗi CSS
• D. Viền sẽ hiển thị nhưng màu mặc định là đen

Câu 6: Cho đoạn code css như sau: div { border: 3px dotted red;} Đoạn code trên tạo ra loại viền nào?

• A.    Viền chấm chấm màu đỏ, dày 3px
• B.    Viền gạch ngang màu đỏ, dày 3px
• C.    Viền nét liền màu đỏ, dày 3px
• D.    Viền đôi màu đỏ, dày 3px

Câu 7: [NB] Cấu trúc chung của định dạng CSS liên quan đến lớp có dạng là:

• A.    .class {thuộc tính=giá trị;}
• B.    .class {thuộc tính: giá trị;}
• C.    .class { thuộc tính = “giá trị”;}
• D.    .class {thuộc tính: “giá trị”;}

Câu 8: [TH] Trong CSS ta có đoạn code .waring {color:red;} Phát biểu nào sau đây là đúng?

• A.    Viền màu đỏ được áp dụng cho lớp waring
• B.    Nền màu đỏ được áp dụng cho lớp waring
• C.    Chữ màu đỏ được áp dụng cho lớp waring
• D.    Kí hiệu cảnh bảo màu đỏ được áp dụng cho lớp waring

Câu 9: [TH] Cho đoạn mã CSS: .p1 { color: blue; font-weight: bold; } Trong HTML , ta muốn sử dụng định dạng đấy cho thẻ <h1> thì ta viết

• A.    <h1 id="p1">Tiêu đề</h1>
• B.    <h1 class="p1">Tiêu đề</h1>
• C.    <h1 style="p1">Tiêu đề</h1>
• D.    <h1.p1>Tiêu đề</h1>

Câu 10: [TH]Cho bộ chọn CSS sau: p.test em#p123 { ... } Bộ chọn này có ý nghĩa gì?

• A. Chọn tất cả các thẻ <p> có class="test" và tất cả các thẻ <em> có id="p123".
• B. Chọn tất cả các thẻ <p> hoặc <em> có class="test" và id="p123".
• C. Chọn tất cả các thẻ <em> có id="p123", nhưng chỉ khi chúng nằm bên trong một thẻ <p> có class="test".
• D. Chọn tất cả các thẻ <p> có class="test" và tất cả các thẻ <em> bên trong chúng.