Câu 1:Trong phát triển trang web, CSS là từ viết tắt của cụm từ nào sau đây?
💡 Lời giải chi tiết:
Theo định nghĩa chuẩn của W3C, CSS là từ viết tắt của 'Cascading Style Sheets', một ngôn ngữ dùng để định dạng cách hiển thị các thành phần của tài liệu viết bằng HTML. Kết luận Lý giải: Cascading Style Sheets
Câu 2:Để viết một ghi chú (comment) trên nhiều dòng trong tập tin CSS, cú pháp nào sau đây là đúng?
💡 Lời giải chi tiết:
Trong CSS, các đoạn mã ghi chú bắt đầu bằng ký tự gạch chéo sao và kết thúc bằng ký tự sao gạch chéo để trình duyệt không thực thi đoạn mã đó. Kết luận Lý giải: /* comment */
Câu 3:Cú pháp Selector nào được dùng để chọn một thành phần HTML duy nhất dựa trên thuộc tính định danh 'id'?
💡 Lời giải chi tiết:
Trong CSS, ký hiệu dấu thăng '#' được sử dụng làm tiền tố cho Selector để nhắm mục tiêu vào một phần tử có thuộc tính 'id' tương ứng. Kết luận Lý giải: Dấu thăng (#) kèm theo tên id
Câu 4:Lệnh nào trong CSS được sử dụng để thay đổi màu chữ của một phần tử?
💡 Lời giải chi tiết:
Thuộc tính 'color' trong CSS quy định màu sắc của văn bản bên trong phần tử, phân biệt với thuộc tính 'background-color' dùng cho màu nền. Kết luận Lý giải: color
Câu 5:Khi sử dụng CSS ngoại vi (External CSS), thẻ HTML nào được dùng để liên kết tập tin CSS vào trang HTML?
💡 Lời giải chi tiết:
Để nhúng một tệp CSS bên ngoài vào tài liệu HTML, lập trình viên sử dụng thẻ 'link' đặt trong phần đầu 'head' với thuộc tính 'rel' là 'stylesheet'. Kết luận Lý giải: thẻ 'link'
Câu 6:Khoảng cách giữa nội dung của phần tử và đường viền (border) của nó được gọi là gì?
💡 Lời giải chi tiết:
Trong mô hình hộp (Box Model), 'padding' là vùng đệm nằm bên trong đường viền, bao quanh nội dung của phần tử. Kết luận Lý giải: Padding
Câu 7:Thuộc tính CSS nào dùng để kiểm soát khoảng không gian phía bên ngoài đường viền của một phần tử?
💡 Lời giải chi tiết:
Thuộc tính 'margin' tạo ra khoảng trống xung quanh phần tử, nằm ngoài ranh giới của đường viền để tách biệt với các phần tử khác. Kết luận Lý giải: margin
Câu 8:Làm thế nào để chọn tất cả các thẻ 'p' nằm bên trong một thẻ 'div' trong CSS?
💡 Lời giải chi tiết:
Sử dụng 'div p' (Descendant Selector) sẽ chọn tất cả các phần tử 'p' là con hoặc cháu ở bất kỳ cấp độ nào bên trong phần tử 'div'. Kết luận Lý giải: div p
Câu 9:Giá trị nào của thuộc tính 'position' sẽ làm cho phần tử cố định tại một vị trí so với cửa sổ trình duyệt ngay cả khi cuộn trang?
💡 Lời giải chi tiết:
Khi thiết lập 'position: fixed', phần tử được định vị tương đối so với khung hình (viewport) và giữ nguyên vị trí đó khi người dùng cuộn trang. Kết luận Lý giải: fixed
Câu 10:Trong CSS, thuộc tính nào được sử dụng để làm cho văn bản trở nên in đậm?
💡 Lời giải chi tiết:
Thuộc tính 'font-weight' xác định độ dày mỏng của các ký tự chữ cái, và giá trị 'bold' được dùng để làm chữ in đậm. Kết luận Lý giải: font-weight: bold
Câu 11:Để loại bỏ gạch chân mặc định của các liên kết (thẻ 'a'), bạn cần sử dụng thuộc tính nào?
💡 Lời giải chi tiết:
Thuộc tính 'text-decoration' dùng để thêm hoặc xóa các trang trí văn bản như gạch chân, và giá trị 'none' sẽ loại bỏ hoàn toàn các trang trí này. Kết luận Lý giải: text-decoration: none
Câu 12:Thuộc tính nào dùng để viết hoa chữ cái đầu tiên của mỗi từ trong một đoạn văn?
💡 Lời giải chi tiết:
Giá trị 'capitalize' của thuộc tính 'text-transform' sẽ tự động chuyển đổi ký tự đầu tiên của mỗi từ thành chữ in hoa. Kết luận Lý giải: text-transform: capitalize
Câu 13:Giá trị mặc định của thuộc tính 'position' trong CSS là gì?
💡 Lời giải chi tiết:
Mọi phần tử HTML mặc định đều có thuộc tính 'position' là 'static', nghĩa là chúng được sắp xếp theo luồng văn bản bình thường của trang. Kết luận Lý giải: static
Câu 14:Để gộp các cạnh của bảng lại thành một đường viền duy nhất, thuộc tính CSS nào được sử dụng?
💡 Lời giải chi tiết:
Thuộc tính 'border-collapse: collapse' khiến các đường viền giữa các ô trong bảng hòa nhập lại thành một đường viền chung thay vì tách rời. Kết luận Lý giải: border-collapse: collapse
Câu 15:Trong mô hình Flexbox, thuộc tính nào được dùng để căn chỉnh các mục (items) theo trục chính (thông thường là chiều ngang)?
💡 Lời giải chi tiết:
Thuộc tính 'justify-content' xác định cách phân bổ không gian trống giữa các mục con dọc theo trục chính của container Flex. Kết luận Lý giải: justify-content
Câu 16:Khi thiết lập thuộc tính 'box-sizing: border-box', chiều rộng của phần tử sẽ bao gồm những gì?
💡 Lời giải chi tiết:
Giá trị '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 bên trong chiều rộng và chiều cao đã khai báo. Kết luận Lý giải: Nội dung, Padding và Border
Câu 17:Đơn vị đo lường 'rem' trong CSS có giá trị dựa trên yếu tố nào?
💡 Lời giải chi tiết:
Đơn vị 'rem' (root em) là đơn vị tương đối, tính toán giá trị dựa trên kích thước phông chữ được thiết lập tại phần tử gốc của tài liệu. 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 18:Để thay đổi thứ tự xếp chồng của các phần tử được định vị trên trục Z, ta sử dụng thuộc tính nào?
💡 Lời giải chi tiết:
Thuộc tính 'z-index' xác định thứ tự hiển thị ưu tiên của các phần tử có 'position' khác 'static', với giá trị lớn hơn sẽ nằm đè lên trên. Kết luận Lý giải: z-index
Câu 19:Thuộc tính 'display: none' khác với 'visibility: hidden' ở điểm mấu chốt nào?
💡 Lời giải chi tiết:
Trong khi 'visibility: hidden' chỉ làm phần tử tàng hình nhưng vẫn chiếm chỗ, 'display: none' sẽ gỡ bỏ phần tử đó khỏi luồng hiển thị của trang web. Kết luận Lý giải: 'display: none' loại bỏ hoàn toàn phần tử khỏi bố cục trang
Câu 20:Cú pháp Media Query nào được dùng để áp dụng CSS cho các màn hình có chiều rộng tối đa là 768px?
💡 Lời giải chi tiết:
Để nhắm mục tiêu các thiết bị có chiều rộng màn hình từ 768px trở xuống, lập trình viên sử dụng điều kiện '(max-width: 768px)'. Kết luận Lý giải: @media screen and (max-width: 768px)
Câu 21:Làm thế nào để tạo một biến (variable) trong CSS?
💡 Lời giải chi tiết:
Biến CSS (Custom Properties) được khai báo bằng cách sử dụng hai dấu gạch nối phía trước tên biến bên trong một Selector. Kết luận Lý giải: --variable-name: value;
Câu 22:Hàm CSS nào được sử dụng để thực hiện các phép tính số học cho các giá trị thuộc tính?
💡 Lời giải chi tiết:
Hàm 'calc()' cho phép người dùng thực hiện các phép tính (cộng, trừ, nhân, chia) trực tiếp trong CSS để xác định giá trị linh hoạt cho các thuộc tính. Kết luận Lý giải: calc()
Câu 23:Để căn giữa một phần tử khối (block element) theo chiều ngang bên trong cha của nó, cách làm nào sau đây là phổ biến nhất?
💡 Lời giải chi tiết:
Bằng cách đặt 'margin-left' và 'margin-right' là 'auto', một phần tử có chiều rộng xác định sẽ tự động chiếm không gian lề bằng nhau hai bên để nằm giữa. Kết luận Lý giải: margin: 0 auto;
Câu 24:Thuộc tính nào dùng để điều chỉnh khoảng cách giữa các chữ cái trong một từ?
💡 Lời giải chi tiết:
Thuộc tính 'letter-spacing' quy định khoảng hở giữa các ký tự văn bản, trong khi 'word-spacing' quy định khoảng hở giữa các từ. Kết luận Lý giải: letter-spacing
Câu 25:Selector nào có độ ưu tiên (specificity) cao nhất trong số các loại dưới đây?
💡 Lời giải chi tiết:
Theo quy tắc phân cấp của CSS, các quy tắc được viết trực tiếp trong thuộc tính 'style' của thẻ HTML sẽ có độ ưu tiên cao nhất so với các Selector khác. Kết luận Lý giải: Inline Styles (thuộc tính style)