BÀI 16. ĐỊNH DẠNG KHUNG

Câu hỏi 1: Thuộc tính nào trong CSS dùng để đặt chiều rộng cho một phần tử?

Trả lời: width.

Câu hỏi 2: Làm thế nào để đặt chiều cao cho một phần tử?

Trả lời: Sử dụng thuộc tính height.

Câu hỏi 3: Làm thế nào để tạo một viền xung quanh một phần tử?

Trả lời: Sử dụng thuộc tính border: border: 1px solid black;

Câu hỏi 4: Làm thế nào để tạo một hộp có kích thước tự động?

Trả lời: Để trống giá trị width hoặc height hoặc sử dụng width: auto và height: auto.

Câu hỏi 5: Thuộc tính padding có ảnh hưởng gì đến kích thước hiển thị của một phần tử?

Trả lời: padding tạo khoảng cách giữa nội dung và viền của phần tử, làm tăng kích thước hiển thị.

Câu hỏi 6: Thuộc tính nào dùng để tạo viền cho một phần tử?

Trả lời: border.

Câu hỏi 7: Các thuộc tính con của border là gì?

Trả lời: border-width, border-style, border-color.

Câu hỏi 8: Làm thế nào để tạo một viền tròn cho một phần tử?

Trả lời: Sử dụng thuộc tính border-radius.

Câu hỏi 9: Thuộc tính box-shadow có tác dụng gì?

Trả lời: Tạo hiệu ứng đổ bóng cho một phần tử.

Câu hỏi 10: Thuộc tính margin có tác dụng gì?

Trả lời: Tạo khoảng cách giữa các phần tử.

Câu hỏi 11: Làm thế nào để tạo một hộp có kích thước 300x200px và căn giữa màn hình?

Trả lời: div { width: 300px; height: 200px; margin: 0 auto; }

Câu hỏi 12: Các đơn vị đo nào thường được sử dụng trong CSS để xác định kích thước?

Trả lời: px, em, rem, %, vh, vw.

Câu hỏi 13: Làm thế nào để tạo một khung ảnh có viền trắng và padding 10px?

Trả lời: img { border: 1px solid white; padding: 10px; }

Câu hỏi 14: Khi nào nên sử dụng phần tử khối và khi nào nên sử dụng phần tử nội tuyến?

Trả lời: Sử dụng phần tử khối cho các khối nội dung lớn như đoạn văn, tiêu đề; phần tử nội tuyến phù hợp cho các phần tử nhỏ như liên kết, hình ảnh, span.

Câu hỏi 15: Làm thế nào để chuyển đổi một phần tử khối thành phần tử nội tuyến và ngược lại?

Trả lời: Sử dụng thuộc tính display để thay đổi kiểu hiển thị. Ví dụ: display: inline; để chuyển đổi một phần tử khối thành nội tuyến.

Câu hỏi 16: Những vấn đề thường gặp khi làm việc với phần tử khối và nội tuyến là gì?

Trả lời: Khoảng cách giữa các phần tử, vấn đề float, clear float.

Câu hỏi 17: Cách khắc phục những vấn đề thường gặp khi làm việc với phần tử khối và nội tuyến?

Trả lời: Để khắc phục, cần hiểu rõ về box model và sử dụng các thuộc tính như margin, padding, clear một cách hợp lý.

Câu hỏi 18: Thuộc tính padding có ảnh hưởng gì đến kích thước hiển thị của một phần tử?

Trả lời: padding tạo khoảng cách giữa nội dung và viền của phần tử, làm tăng kích thước hiển thị.

Câu hỏi 19: Làm thế nào để tạo một thẻ div có chiều cao tự động và chiều rộng chiếm toàn bộ màn hình?

Trả lời: div { width: 100%; height: auto; }

Câu hỏi 20: Làm thế nào để tạo một phần tử có chiều cao bằng chiều cao của cửa sổ trình duyệt?

Trả lời: Sử dụng height: 100vh;.