Trắc nghiệm kiến thức CSS - Phần 6

Nhằm phục vụ cho công việc và học tập của bạn đọc, đi kèm với các bài học về CSS và CSS3, Quantrimang.com luôn mong muốn có thể đem đến những bộ câu hỏi với nhiều kiến thức vô cùng hữu ích. Bài trắc nghiệm lần này đi sâu vào các bài tập thực hành CSS. Mời bạn thử sức với 10 câu hỏi bên dưới.

  • Câu 1: Thuộc tính nào sử dụng để tạo khoảng cách giữa các phần tử?
    • margin
    • spacing
    • padding
    • border
  • Câu 2: Thuộc tính nào sử dụng để tạo khoảng cách giữa border và nội dung bên trong phần tử?
    • margin
    • spacing
    • padding
    • border
  • Câu 3: Thuộc tính nào sử dụng để tạo khoảng cách giữa các dòng văn bản?
    • line-spacing
    • line-height
    • spacing
    • letter-spacing
  • Câu 4: Làm thế nào có thể định dạng các phần tử nằm trên cùng một hàng?
    • display:left;
    • display:inline;
    • display:horizontal;
    • Không có đáp án đúng
  • Câu 5: Nếu muốn tạo một footer thú vị gắn vào dưới cùng của cửa sổ người dùng (không chỉ ở dưới cùng của trang), bạn sẽ sử dụng hai thuộc tính nào?
    • position và bottom
    • display và float
    • position và float
    • display và bottom
  • Câu 6: Thuộc tính nào là cần thiết để cài đặt một hình ảnh trong background?
    • image
    • background-image
    • background:image
    • image:background
  • Câu 7: Thuộc tính CSS hợp lệ sử dụng để đặt một phần tử ở phía phải bên trong vùng chứa của nó là gì?
    • display:right;
    • float-right:0px;
    • display-right:0px;
    • float:right;
  • Câu 8: Trong một bảng, làm thể nào để có màu nền các hàng xen kẽ nhau?
    • tr:even{background-color:#CCC;}
    • td:even{background-color:#CCC;}
    • td:nth-child(even){background-color:#CCC;}
    • tr:nth-child(even){background-color:#CCC;}
  • Câu 9: Thuộc tính nào bạn sẽ sử dụng để thay đổi kích thước đường viền của phần tử?
    • border-size:5px;
    • border:width:5px;
    • border-width:5px;
    • border:size:5px;
  • Câu 10: Thuộc tính nào sử dụng để thay đổi kiểu danh sách hiển thị thành chữ số La Mã thay vì số bình thường?
    • list-style-type:upper-roman;
    • list-type:roman;
    • list-bullet-type:roman-numerals;
    • list-style:roman;
Bạn cần cố gắng hơn!
Kết quả của bạn khá đấy!
Kiến thức CSS của bạn rất tốt đấy!
Chính xác tuyệt đối!
Kiến thức CSS của bạn rất tốt đấy!
Kiểm tra kết quả Làm lại
Thứ Tư, 14/08/2019 08:46
52 👨 286