Theo phân tích phổ biến, CSS là ngôn ngữ quy định cách trình bày của các tài liệu viết bằng HTML hoặc XML, do đó Kết luận Lý giải: Cascading Style Sheets.
Câu 2:Đơn vị 'rem' trong CSS được tính toán dựa trên giá trị nào?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, đơn vị rem (root em) luôn dựa trên kích thước phông chữ được thiết lập ở cấp độ cao nhất của tài liệu, do đó Kết luận Lý giải: Kích thước phông chữ của phần tử gốc (thẻ html).
Câu 3:Thuộc tính nào được dùng để thay đổi khoảng cách giữa các chữ cái trong văn bản?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'letter-spacing' điều chỉnh khoảng cách giữa các ký tự đơn lẻ trong khi 'word-spacing' điều chỉnh khoảng cách giữa các từ, do đó Kết luận Lý giải: letter-spacing.
Câu 4:Trong mô hình hộp (Box Model) của CSS, thứ tự các thành phần từ trong ra ngoài là gì?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, mọi phần tử HTML được coi là một chiếc hộp với nội dung ở giữa, bao quanh bởi vùng đệm, đường viền và khoảng cách lề, do đó Kết luận Lý giải: Content, Padding, Border, Margin.
Câu 5:Giá trị nào của 'box-sizing' làm cho padding và border không làm tăng kích thước chiều rộng đã thiết lập của phần tử?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'border-box' buộc trình duyệt tính toán kích thước tổng thể bao gồm cả phần đệm và đường viền vào trong chiều rộng và chiều cao quy định, do đó Kết luận Lý giải: border-box.
Câu 6:Làm thế nào để chọn tất cả các thẻ 'p' là con trực tiếp của thẻ 'div'?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, ký hiệu '>' đại diện cho bộ chọn con trực tiếp nhằm phân biệt với bộ chọn hậu duệ thông thường, do đó Kết luận Lý giải: div > p.
Câu 7:Giá trị mặc định của thuộc tính 'position' trong CSS là gì?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, các phần tử HTML luôn có vị trí mặc định theo luồng bình thường của tài liệu và không bị dịch chuyển bởi các thuộc tính điều hướng, do đó Kết luận Lý giải: static.
Câu 8:Thuộc tính nào trong Flexbox dùng để căn chỉnh các mục theo trục chính (main axis)?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'justify-content' quản lý việc phân bổ không gian giữa và xung quanh các mục flex dọc theo hướng dòng chảy chính, do đó Kết luận Lý giải: justify-content.
Câu 9:Để làm một phần tử biến mất hoàn toàn và không chiếm bất kỳ không gian nào trên trang web, ta dùng lệnh nào?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'display: none' gỡ bỏ phần tử khỏi cấu trúc hiển thị khiến nó không còn chiếm diện tích, do đó Kết luận Lý giải: display: none;.
Câu 10:Trong các bộ chọn (selectors) sau, bộ chọn nào có độ ưu tiên (specificity) cao nhất?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, CSS quy định rằng các kiểu định dạng được khai báo trực tiếp trên thẻ HTML luôn ghi đè các quy tắc trong tệp CSS bên ngoài, do đó Kết luận Lý giải: Kiểu nội dòng (Inline styles viết trong thuộc tính style).
Câu 11:Thuộc tính 'z-index' chỉ có tác dụng khi phần tử có giá trị 'position' như thế nào?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'z-index' dùng để kiểm soát thứ tự xếp chồng nhưng yêu cầu phần tử phải được định vị khác với mặc định, do đó Kết luận Lý giải: Khác static (ví dụ: relative, absolute, fixed).
Câu 12:Cách khai báo một biến CSS (CSS Variable) chuẩn nhất là gì?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, các biến CSS tùy chỉnh bắt buộc phải bắt đầu bằng tiền tố hai dấu gạch nối để trình duyệt nhận diện, do đó Kết luận Lý giải: --ten-bien: gia-tri;.
Câu 13:Khi sử dụng Flexbox, thuộc tính 'flex-grow: 1' áp dụng cho phần tử con có ý nghĩa gì?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'flex-grow' định nghĩa tỷ lệ mà một mục sẽ mở rộng so với các mục khác để lấp đầy container, do đó Kết luận Lý giải: Phần tử sẽ giãn ra để chiếm toàn bộ không gian trống còn lại.
Câu 14:Đâu là cách viết đúng để chèn một tệp CSS bên ngoài vào trang HTML?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, thẻ 'link' đặt trong phần đầu của tài liệu là phương thức chuẩn để liên kết các nguồn tài nguyên kiểu bảng tính bên ngoài, do đó Kết luận Lý giải: Sử dụng thẻ 'link' với thuộc tính rel='stylesheet'.
Câu 15:Thuộc tính 'opacity' với giá trị '0.5' có tác dụng gì đối với phần tử?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'opacity' nhận giá trị từ 0 đến 1 để xác định mức độ xuyên thấu của ánh sáng qua phần tử, do đó Kết luận Lý giải: Làm phần tử mờ đi 50% (trong suốt một nửa).
Câu 16:Trong CSS Grid, thuộc tính nào xác định số lượng và kích thước các cột?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'grid-template-columns' cho phép lập trình viên định nghĩa khung xương cho các cột của lưới một cách chi tiết, do đó Kết luận Lý giải: grid-template-columns.
Câu 17:Ký hiệu 'p + span' trong CSS sẽ chọn phần tử nào sau đây?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, bộ chọn anh chị em liền kề (+) chỉ nhắm tới phần tử đứng ngay sau phần tử mục tiêu trong cùng một cấp bậc, do đó Kết luận Lý giải: Thẻ 'span' nằm ngay sau thẻ 'p' và cùng cấp cha.
Câu 18:Để căn văn bản dàn đều sang cả lề trái và lề phải, ta sử dụng giá trị nào cho 'text-align'?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, giá trị 'justify' điều chỉnh khoảng cách giữa các từ để các dòng văn bản có độ dài bằng nhau, do đó Kết luận Lý giải: justify.
Câu 19:Hàm 'calc()' trong CSS có mục đích chính là gì?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, hàm 'calc' cho phép kết hợp các đơn vị đo lường khác nhau như phần trăm và pixel trong một biểu thức toán học, do đó Kết luận Lý giải: Để thực hiện các phép tính toán học (cộng, trừ, nhân, chia) cho các giá trị thuộc tính.
Câu 20:Thuộc tính nào giúp tạo ra hiệu ứng thay đổi dần dần của các thuộc tính CSS khác trong một khoảng thời gian?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'transition' là cách đơn giản nhất để tạo hoạt ảnh mượt mà khi một thuộc tính CSS chuyển từ trạng thái này sang trạng thái khác, do đó Kết luận Lý giải: transition.
Câu 21:Để một hình ảnh lấp đầy khung chứa mà không bị méo (giữ nguyên tỷ lệ), ta nên dùng thuộc tính nào?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'object-fit: cover' đảm bảo hình ảnh chiếm trọn không gian bằng cách cắt bớt phần thừa thay vì nén ảnh, do đó Kết luận Lý giải: object-fit: cover;.
Câu 22:Trong CSS, giá trị số nào của thuộc tính 'font-weight' tương đương với từ khóa 'bold'?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, thang đo độ đậm của phông chữ quy định mức 400 là bình thường và mức 700 là in đậm, do đó Kết luận Lý giải: 700.
Câu 23:Làm thế nào để tạo một hình tròn từ một thẻ 'div' có chiều rộng và chiều cao bằng nhau?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, việc bo góc ở mức 50% trên một phần tử hình vuông sẽ làm các góc hội tụ tại tâm tạo thành hình tròn, do đó Kết luận Lý giải: border-radius: 50%;.
Câu 24:Truy vấn phương tiện '@media (max-width: 600px)' có ý nghĩa gì?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'max-width' thiết lập một giới hạn trên cho điều kiện lọc, nghĩa là mã CSS chỉ thực thi khi không vượt quá giới hạn đó, do đó Kết luận Lý giải: Áp dụng CSS khi chiều rộng màn hình nhỏ hơn hoặc bằng 600px.
Câu 25:Thuộc tính nào kiểm soát cách hiển thị khi nội dung bên trong vượt quá kích thước của hộp chứa?
💡 Lời giải chi tiết:
Theo phân tích phổ biến, 'overflow' cung cấp các tùy chọn như hiển thị thanh cuộn, cắt bỏ hoặc để nội dung tràn ra ngoài, do đó Kết luận Lý giải: overflow.