CSS viết tắt của Cascading Style Sheets là ngôn ngữ được sử dụng để mô tả cách trình bày của các tài liệu viết bằng HTML hoặc XML. Kết luận Lý giải: Cascading Style Sheets
Câu 2:Để liên kết một tệp CSS bên ngoài vào tài liệu HTML, thẻ nào được sử dụng phổ biến nhất và đặt ở đâu?
💡 Lời giải chi tiết:
Theo quy chuẩn phát triển web, thẻ 'link' đặt trong phần 'head' là cách tối ưu để nhúng tệp CSS bên ngoài nhằm đảm bảo trình duyệt tải phong cách trước khi hiển thị nội dung. Kết luận Lý giải: Thẻ 'link' đặt trong phần 'head'
Câu 3:Trong CSS, ký tự nào được sử dụng để bắt đầu một bộ chọn theo ID (ID selector)?
💡 Lời giải chi tiết:
Trong cú pháp CSS, dấu thăng (#) được dùng để định danh một bộ chọn duy nhất dựa trên thuộc tính 'id' của phần tử HTML. Kết luận Lý giải: Dấu thăng (#)
Câu 4:Ký tự nào được sử dụng để bắt đầu một bộ chọn theo lớp (Class selector)?
💡 Lời giải chi tiết:
Dấu chấm (.) là ký tự tiêu chuẩn trong CSS dùng để chọn tất cả các phần tử có thuộc tính 'class' khớp với tên lớp đã định nghĩa. Kết luận Lý giải: Dấu chấm (.)
Câu 5:Thuộc tính nào được sử dụng để thay đổi màu văn bản của một phần tử?
💡 Lời giải chi tiết:
Thuộc tính 'color' trong CSS là thuộc tính chuẩn duy nhất được dùng để thiết lập màu sắc cho văn bản bên trong một phần tử. Kết luận Lý giải: color
Câu 6:Để làm cho văn bản trở thành chữ in đậm, bạn sử dụng thuộc tính CSS nào?
💡 Lời giải chi tiết:
Thuộc tính 'font-weight' xác định độ đậm nhạt của phông chữ, trong đó giá trị 'bold' làm cho chữ in đậm. Kết luận Lý giải: font-weight: bold
Câu 7:Làm thế nào để loại bỏ gạch chân mặc định của các liên kết (thẻ 'a') bằng CSS?
💡 Lời giải chi tiết:
Giá trị 'none' của thuộc tính 'text-decoration' thường được dùng để loại bỏ các đường gạch chân trang trí mặc định của trình duyệt cho các liên kết. Kết luận Lý giải: text-decoration: none
Câu 8:Thuộc tính nào trong Box Model của CSS xác định khoảng cách giữa nội dung và viền của phần tử?
💡 Lời giải chi tiết:
Trong mô hình hộp (Box Model), 'padding' là vùng không gian nằm giữa nội dung của phần tử và đường viền bao quanh nó. Kết luận Lý giải: padding
Câu 9:Thuộc tính nào tạo ra khoảng cách bên ngoài, bao quanh đườ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 một vùng không gian trong suốt bên ngoài đường viền để đẩy các phần tử lân cận ra xa. Kết luận Lý giải: margin
Câu 10:Giá trị nào của thuộc tính 'box-sizing' làm cho 'padding' và 'border' không làm tăng kích thước tổng thể của phần tử?
💡 Lời giải chi tiết:
Khi thiết lập 'box-sizing: border-box', trình duyệt sẽ bao gồm cả độ rộng của đệm và viền vào trong chiều rộng và chiều cao đã khai báo của phần tử. Kết luận Lý giải: border-box
Câu 11:Cách nào sau đây là đúng để căn giữa một phần tử khối (block element) theo chiều ngang trong phần tử cha của nó?
💡 Lời giải chi tiết:
Sử dụng 'margin: 0 auto' kết hợp với một chiều rộng cụ thể là phương pháp phổ biến để căn giữa các phần tử khối theo trục ngang. Kết luận Lý giải: margin: 0 auto
Câu 12:Trong CSS Positioning, giá trị nào khiến phần tử được đặt so với tổ tiên gần nhất có thuộc tính position khác 'static'?
💡 Lời giải chi tiết:
Một phần tử có 'position: absolute' sẽ được định vị dựa trên vị trí của phần tử cha gần nhất có vị trí tương đối, tuyệt đối hoặc cố định. Kết luận Lý giải: absolute
Câu 13:Thuộc tính 'z-index' chỉ có tác dụng đối với các phần tử có thuộc tính 'position' là gì?
💡 Lời giải chi tiết:
Thuộc tính 'z-index' dùng để kiểm soát thứ tự lớp chồng lên nhau và nó yêu cầu phần tử phải được định vị (tức là có 'position' khác 'static'). Kết luận Lý giải: Bất kỳ giá trị nào ngoại trừ 'static'
Câu 14:Đơn vị '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 được tính toán dựa trên giá trị kích thước phông chữ của phần tử 'html' cao nhất. 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 15:Trong hệ màu RGBA, chữ cái 'A' đại diện cho thành phần nào?
💡 Lời giải chi tiết:
Trong không gian màu RGBA, 'Alpha' xác định mức độ trong suốt của màu sắc với giá trị từ 0 đến 1. Kết luận Lý giải: Alpha
Câu 16:Để tạo hiệu ứng thay đổi kiểu dáng khi người dùng di chuột qua một phần tử, bạn sử dụng lớp giả (pseudo-class) nào?
💡 Lời giải chi tiết:
Lớp giả ':hover' được sử dụng để áp dụng các quy tắc CSS khi người dùng tương tác bằng cách đưa con trỏ chuột lên trên phần tử đó. Kết luận Lý giải: :hover
Câu 17:Trong Flexbox, thuộc tính nào được sử dụng trên phần tử cha để căn chỉnh các phần tử con dọc theo trục chính (main axis)?
💡 Lời giải chi tiết:
Thuộc tính 'justify-content' điều phối cách phân bổ không gian trống giữa và xung quanh các mục linh hoạt dọc theo trục chính của hộp chứa. Kết luận Lý giải: justify-content
Câu 18:Trong Flexbox, thuộc tính 'align-items' có tác dụng gì?
💡 Lời giải chi tiết:
Thuộc tính 'align-items' quy định cách căn chỉnh các phần tử con theo trục vuông góc với trục chính (thường là trục dọc nếu hướng là hàng). Kết luận Lý giải: Căn chỉnh các phần tử con theo trục phụ (cross axis)
Câu 19:Mặc định, giá trị của thuộc tính 'flex-direction' là gì?
💡 Lời giải chi tiết:
Theo đặc tả Flexbox của W3C, giá trị mặc định của 'flex-direction' là 'row', nghĩa là các phần tử con sẽ được sắp xếp theo chiều ngang từ trái sang phải. Kết luận Lý giải: row
Câu 20:Trong CSS Grid, thuộc tính nào dùng để xác định số lượng và kích thước của các cột?
💡 Lời giải chi tiết:
Thuộc tính 'grid-template-columns' cho phép nhà phát triển định nghĩa cấu trúc cột của một lưới bằng cách liệt kê kích thước của từng cột. Kết luận Lý giải: grid-template-columns
Câu 21:Kỹ thuật nào được sử dụng để áp dụng các kiểu CSS khác nhau tùy thuộc vào kích thước màn hình hoặc thiết bị?
💡 Lời giải chi tiết:
Truy vấn phương tiện (@media) là một tính năng của CSS cho phép thay đổi giao diện dựa trên các đặc điểm của thiết bị như chiều rộng khung nhìn. Kết luận Lý giải: @media queries
Câu 22:Cách khai báo biến trong CSS (CSS Variables) nào sau đây là đúng quy tắc?
💡 Lời giải chi tiết:
Các thuộc tính tùy chỉnh (biến CSS) phải bắt đầu bằng hai dấu gạch ngang (--) theo sau là tên biến. Kết luận Lý giải: --main-color: #333;
Câu 23:Thuộc tính 'text-transform: capitalize' có tác dụng gì đối với văn bản?
💡 Lời giải chi tiết:
Giá trị 'capitalize' của thuộc tính 'text-transform' sẽ tự động viết hoa ký tự đầu của mỗi từ trong chuỗi văn bản được áp dụng. Kết luận Lý giải: Viết hoa chữ cái đầu tiên của mỗi từ
Câu 24:Cú pháp đúng để viết ghi chú (comment) trong tệp CSS là gì?
💡 Lời giải chi tiết:
Trong CSS tiêu chuẩn, ghi chú phải được bao quanh bởi cặp ký tự '/*' để bắt đầu và '*/' để kết thúc. Kết luận Lý giải: /* đây là ghi chú */
Câu 25:Sự khác biệt chính giữa 'display: none' và 'visibility: hidden' là gì?
💡 Lời giải chi tiết:
'visibility: hidden' làm cho phần tử vô hình nhưng không thay đổi bố cục, trong khi 'display: none' xóa bỏ hoàn toàn phần tử khỏi luồng hiển thị. Kết luận Lý giải: 'visibility: hidden' ẩn phần tử nhưng vẫn giữ lại khoảng trống nó chiếm giữ