Đáp án Quiz HTML/CSS — 75 câu hỏi có giải thích

Đáp án: D

position: absolute đưa phần tử ra khỏi document flow và định vị theo ancestor gần nhất có position khác static (relative/absolute/fixed/sticky). Nếu không ancestor nào được positioned, mốc là initial containing block — về hình ảnh giống định vị theo trang. Vì vậy thường đặt position: relative cho parent để làm mốc.

Đáp án: C

Grid là hệ layout 2 chiều — kiểm soát rows và columns cùng lúc, hợp cho khung trang tổng thể (header/sidebar/main). Flexbox là 1 chiều — phân bổ item dọc một trục (row hoặc column), hợp cho navigation bar, dàn nút, card nội bộ. Chúng bổ trợ nhau và thường được lồng vào nhau trong cùng một trang.

Đáp án: C

Vì <span> mặc định là inline element: chỉ chiếm chiều rộng theo nội dung, bỏ qua width/height và margin dọc. Muốn đặt kích thước, đổi display: inline-block (vẫn nằm cùng dòng, nhận width/height) hoặc display: block (chiếm cả hàng, bắt đầu dòng mới).

Đáp án: A

Pseudo-class (một dấu :) chọn phần tử có thật theo trạng thái hoặc vị trí: :hover, :focus, :first-child, :nth-child(). Pseudo-element (hai dấu ::) tạo hoặc chọn phần ảo không có trong DOM: ::before, ::after, ::first-line, ::placeholder. Nhớ nhanh: class = điều kiện lọc, element = sinh thêm "mảnh" phần tử.

Đáp án: A

Dùng alt="" (chuỗi rỗng, vẫn có thuộc tính). Đây là tín hiệu chuẩn để screen reader bỏ qua ảnh trang trí. Bỏ hẳn alt là sai — screen reader có thể đọc tên file thay thế. Quy tắc 3 trường hợp: ảnh mang thông tin → mô tả ngắn nội dung; ảnh là link → mô tả đích đến; ảnh trang trí → alt="".

Đáp án: A

id phải duy nhất trên toàn trang, mỗi giá trị chỉ thuộc về một phần tử — dùng cho anchor link (#section) và getElementById(). class tái sử dụng được: nhiều phần tử chia sẻ cùng class, và một phần tử mang được nhiều class. Trong CSS, #id có specificity cao hơn .class nên khó override — vì vậy nên ưu tiên class để style.

Đáp án: D

Dùng <section> khi khối nội dung có chủ đề riêng, thường đi kèm heading — ví dụ trang sản phẩm có section mô tả, section reviews, section thông số. Dùng <div> khi chỉ cần một hộp để style hoặc layout, không mang ý nghĩa nội dung. Screen reader nhận diện <section> như một vùng nội dung; <div> thì vô hình về ngữ nghĩa.

Đáp án: A

Chỉ đoạn A. .card > p dùng child combinator (>) nên chỉ khớp <p> là con trực tiếp của .card. Đoạn B lồng trong <section> — là cháu, không phải con — nên bị loại. Muốn chọn cả A lẫn B thì dùng descendant combinator (dấu cách): .card p, khớp mọi cấp con cháu.

Đáp án: D

Chữ màu red. Khi hai rule có cùng specificity, cascade phân xử bằng source order: rule xuất hiện sau trong mã nguồn (hoặc trong file CSS được load sau) thắng. Đây là lý do thứ tự import stylesheet quan trọng — file override phải đứng sau file base. Source order chỉ được xét khi specificity đã hòa; specificity khác nhau thì nó không có tiếng nói.

Đáp án: C

width: 50% tính theo chiều rộng của phần tử cha (containing block) — cha rộng 800px thì con chiếm 400px, cha co giãn thì con tính lại theo. Phân biệt với các mốc khác: 50vw theo viewport, rem theo font-size của html, px là giá trị cố định không phụ thuộc gì.

Đáp án: D

Hai cách chuẩn: (1) đặt for của label trùng id của input — <label for="email">Email</label><input id="email">; (2) bọc input trong label — <label>Email <input></label>. Liên kết này giúp click vào chữ là focus/check input (tăng vùng bấm trên mobile) và screen reader đọc đúng tên ô nhập. Placeholder không thay được label.

Đáp án: B

Dùng visibility: hidden — phần tử vô hình nhưng box vẫn chiếm chỗ, layout xung quanh không xê dịch. So sánh: display: none gỡ hẳn khỏi layout (mất chỗ, phần tử sau dồn lên); opacity: 0 cũng giữ chỗ nhưng vẫn nhận sự kiện chuột — người dùng có thể bấm nhầm vào thứ không nhìn thấy.

Đáp án: C

border là một phần của box model — vẽ giữa padding và margin, chiếm chỗ nên làm phần tử to ra và đẩy layout; tách được từng cạnh, bo góc theo border-radius. outline vẽ đè bên ngoài border, không chiếm chỗ nên không xê dịch layout; không tách cạnh, đẩy ra xa bằng outline-offset. Outline là focus indicator mặc định của trình duyệt.

Đáp án: A

Trình duyệt chuyển sang quirks mode — chế độ tương thích với các trang viết từ thời trước chuẩn. Mô hình hộp và nhiều quy tắc layout khác được diễn giải theo cách cũ, nên trang hiển thị lệch so với mong đợi.

Đáp án: D

Báo trình duyệt di động lấy chiều rộng viewport bằng đúng chiều rộng thiết bị. Không có nó, trình duyệt giả định trang được thiết kế cho màn hình rộng khoảng 980px rồi thu nhỏ toàn bộ lại — chữ bé xíu và media query đối chiếu với con số sai.

Đáp án: B

Vì cấp heading tạo ra cấu trúc mục lục của trang. Người dùng trình đọc màn hình điều hướng bằng cách nhảy giữa các heading và dựa vào thứ bậc để hiểu tổ chức nội dung. Kích thước chữ nên do CSS quyết định, hoàn toàn tách khỏi việc chọn cấp.

Đáp án: B

Thẻ liên kết dùng khi thao tác đưa người dùng tới một địa chỉ khác — trang khác hoặc một vị trí trong cùng trang. Nút dùng khi thao tác làm một việc gì đó: gửi form, mở hộp thoại, xoá một mục. Kiểu dáng đặt bằng CSS và không liên quan tới việc chọn thẻ.

Đáp án: C

Vì người mù màu không phân biệt được, và trình đọc màn hình không truyền đạt màu sắc chút nào. Một ô nhập chỉ đổi viền sang đỏ để báo lỗi là vô hình với cả hai nhóm. Luôn kèm thêm một tín hiệu khác: biểu tượng, chữ, hoặc thay đổi hình dạng.

Đáp án: C

Thẻ bảng, vì nó mang ý nghĩa về quan hệ hàng cột. Trình đọc màn hình đọc được tiêu đề cột tương ứng khi người dùng di chuyển giữa các ô — điều mà một lưới dựng bằng thẻ chia không cung cấp.

Đáp án: D

Khai báo kiểu ô nhập phù hợp, hoặc khai báo chế độ bàn phím mong muốn. Trình duyệt di động chọn bàn phím dựa trên các khai báo đó, và đây là cách duy nhất tác động tới nó.

Đáp án: C

Phần tử rộng đúng 200px. box-sizing: border-box khiến width bao gồm cả content + padding + border, nên trình duyệt thu hẹp phần content còn 150px (200 − 20×2 − 5×2) thay vì nở rộng phần tử. Với content-box mặc định, cùng CSS này sẽ cho chiều rộng 250px.

Đáp án: C

Chữ màu red. Specificity tính theo 3 cột (ID, class, element): #nav a = (1,0,1) thắng .menu .item a = (0,2,1), ul li a.active = (0,1,3) và a = (0,0,1). So sánh từ trái sang phải, cột ID cao hơn là thắng ngay — không cộng dồn nhiều class để vượt một ID.

Đáp án: B

Hai nguyên nhân phổ biến nhất: (1) chưa khai báo offset — sticky bắt buộc có ít nhất một trong top/right/bottom/left làm ngưỡng dính; (2) một ancestor có overflow khác visible (hidden/auto/scroll) khiến vùng cuộn tham chiếu thay đổi và phần tử không bao giờ đạt ngưỡng. Ngoài ra sticky chỉ dính trong phạm vi parent — parent thấp quá thì vừa dính đã bị đẩy đi.

Đáp án: A, D, E

Ba lợi ích đúng: (1) SEO — search engine hiểu cấu trúc trang; (2) Accessibility — screen reader điều hướng theo landmark; (3) Maintainability — code tự mô tả. Semantic HTML KHÔNG làm trang render nhanh hơn hay tự responsive — đó là việc của CSS và tối ưu tài nguyên.

Đáp án: C

font-size = 40px, padding = 16px. Quy tắc: em trong khai báo font-size tham chiếu font-size của parent (2 × 20px = 40px); rem luôn tham chiếu font-size của root html (1 × 16px = 16px), bất kể phần tử nằm sâu bao nhiêu. Đây chính là lý do rem dễ dự đoán hơn em khi lồng nhiều cấp.

Đáp án: A

CSS custom properties là thuộc tính CSS runtime: khai báo --primary: #2563eb (thường trong :root cho global, nhưng đặt được ở mọi selector), dùng qua var(--primary), có fallback var(--x, blue). Chúng tham gia cascade và inheritance, đổi được bằng JS lúc runtime — khác biến SASS vốn biến mất sau khi compile.

Đáp án: B, D, E

Kế thừa: color, font-family, line-height (nhóm typography/văn bản nói chung: font-size, letter-spacing, text-align... cũng kế thừa). Không kế thừa: margin, border và nhóm box model (padding, width, background). Quy luật nhớ nhanh: thuộc tính về chữ thì kế thừa, thuộc tính về hộp thì không.

Đáp án: C

Cả async và defer đều tải song song, không chặn parse HTML. Khác nhau ở thời điểm chạy: async chạy ngay khi tải xong (thứ tự không đảm bảo — hợp cho analytics độc lập); defer chờ HTML parse xong, chạy trước DOMContentLoaded và giữ đúng thứ tự các thẻ — nên b.js luôn chạy trước c.js. Cả hai chỉ có tác dụng với script external.

Đáp án: D

aspect-ratio: 16 / 9 cho box một tỷ lệ ưu tiên: khi chỉ có width (100%), trình duyệt tự suy ra height ngay từ bước layout — trước khi ảnh tải về. Nhờ đó khung ảnh được giữ chỗ sẵn, nội dung bên dưới không bị giật xuống lúc ảnh xuất hiện (giảm CLS). Nó không crop ảnh — việc đó thuộc về object-fit.

Đáp án: B

sizes khai báo trước bề rộng ảnh sẽ chiếm ("≥768px thì 50vw, còn lại 100vw") để trình duyệt chọn nguồn từ srcset ngay ở bước preload — trước khi CSS layout xong. Nó nhân bề rộng đó với DPR rồi chọn ảnh gần nhất: viewport 375px, DPR 2 → 100vw = 750px thiết bị → tải img-800. sizes không style ảnh; khai sai so với CSS thật là chọn sai ảnh.

Đáp án: D

Khuyến nghị viết theo hướng progressive enhancement: mặc định KHÔNG animation, rồi bọc chuyển động trong @media (prefers-reduced-motion: no-preference). Đây là preference user khai báo ở hệ điều hành (thường vì rối loạn tiền đình — chuyển động mạnh gây chóng mặt, buồn nôn), không phải tín hiệu hiệu năng. Tránh * { animation: none !important } — code chờ animationend sẽ treo.

Đáp án: B

:focus khớp mọi lần nhận focus, kể cả khi click chuột — gây vòng outline nhiều người muốn xóa. :focus-visible để trình duyệt phán đoán khi nào chỉ báo là cần thiết: điều hướng bằng bàn phím thì khớp, click chuột vào button thì thường không. Pattern chuẩn: style ring trên :focus-visible, nhờ đó không ai còn lý do viết outline: none trần — thứ phá trải nghiệm người dùng bàn phím.

Đáp án: A

justify-content căn theo trục chính (với row là ngang) → dồn item vào giữa hàng. align-items căn theo trục phụ (dọc) → item bám mép trên. align-self ghi đè align-items cho riêng một item, nên .special được kéo giãn hết chiều cao. Đổi sang flex-direction: column thì hai trục hoán vị: justify-content thành dọc, align-items thành ngang.

Đáp án: C

transition nội suy giữa trạng thái cũ và mới, cần tác nhân kích hoạt (hover, đổi class, thay inline style) và chỉ đi một chặng A→B. animation + @keyframes định nghĩa nhiều mốc (0%…100%), tự chạy khi phần tử render mà không cần sự kiện, lặp/đảo chiều/giữ trạng thái cuối được. Dùng transition cho tương tác đơn giản, animation cho chuyển động nhiều bước hoặc tự động.

Đáp án: D

Base padding: 16px áp cho mọi màn hình; block min-width: 768px chỉ kích hoạt từ 768px trở lên và ghi đè thành 32px. Nên điện thoại 375px giữ 16px, desktop 1280px nhận 32px. Mobile-first = viết base cho màn nhỏ rồi dùng min-width nới rộng dần (khớp từ ngưỡng trở lên); desktop-first thì ngược lại, dùng max-width (khớp từ ngưỡng trở xuống).

Đáp án: C

z-index chỉ áp dụng cho phần tử positioned (position khác static) và cho flex/grid item. .box-a mặc định là static nên z-index: 100 bị bỏ qua hoàn toàn, để .box-b (đã position: relative) che lên. Khắc phục: thêm position: relative (hoặc absolute/fixed/sticky) cho .box-a. Đây là lỗi z-index phổ biến nhất — số rất lớn nhưng quên đặt position.

Đáp án: D

Dữ liệu đi trong query string của URL thay vì trong phần thân request. Nhờ vậy kết quả chia sẻ và đánh dấu trang được — hợp cho tìm kiếm và lọc. Đổi lại dữ liệu lộ ra trong lịch sử trình duyệt, log máy chủ và header dẫn nguồn.

Đáp án: B

Kiểm tra phía trình duyệt trước khi gửi form, kèm thông báo lỗi mặc định — không cần JavaScript. Nhưng chúng chỉ là trải nghiệm người dùng: ai cũng bỏ qua được bằng công cụ phát triển hoặc gửi request trực tiếp, nên máy chủ vẫn phải kiểm tra lại.

Đáp án: A

Lưu dữ liệu tuỳ ý trên phần tử một cách hợp lệ. JavaScript đọc qua thuộc tính dataset, và CSS chọn được bằng bộ chọn thuộc tính. Tên sau tiền tố được chuyển sang kiểu viết lạc đà khi truy cập từ JavaScript.

Đáp án: A

Nó cho phép chọn ảnh khác hẳn hoặc định dạng tệp khác theo điều kiện — cắt ảnh khác nhau cho màn hình dọc và ngang, hoặc cung cấp định dạng mới kèm định dạng dự phòng. Thuộc tính chọn nguồn chỉ đổi kích thước của cùng một ảnh.

Đáp án: C

Cho biết ô tiêu đề mô tả một hàng hay một cột. Trình đọc màn hình dùng thông tin đó để đọc kèm tiêu đề tương ứng khi người dùng di chuyển giữa các ô — không có nó, người dùng nghe một dãy số rời rạc không biết thuộc cột nào.

Đáp án: B

Áp một tập hạn chế mặc định lên nội dung nhúng: chặn script, chặn gửi form, coi nội dung như một origin riêng biệt, chặn mở cửa sổ mới. Mỗi khả năng được mở lại bằng một giá trị tương ứng trong danh sách, nên chỉ cấp đúng thứ cần thiết.

Đáp án: D

Với hướng mặc định là hàng ngang, justify-content căn theo trục chính (ngang) và align-items căn theo trục chéo (dọc). Đổi hướng container thành cột thì hai trục hoán đổi, nên hai thuộc tính này cũng đổi phương tác động.

Đáp án: D

flex-grow: 1; flex-shrink: 1; flex-basis: 0%. Điểm quan trọng là kích thước cơ sở bằng 0 chứ không phải tự động — nghĩa là toàn bộ chiều rộng được chia theo tỉ lệ hệ số giãn, không phụ thuộc nội dung bên trong.

Đáp án: D

Đặt tên cho các vùng rồi vẽ layout bằng chuỗi ký tự ngay trong CSS, mỗi chuỗi là một hàng. Phần tử con chỉ cần khai báo tên vùng nó thuộc về. Nhờ vậy layout nhìn thấy được ngay trong mã và đổi theo media query chỉ cần viết lại sơ đồ.

Đáp án: A

Khi container rộng hơn tổng số phần tử cần, cách thứ nhất thu gọn các cột rỗng nên các phần tử giãn ra chiếm hết chiều rộng; cách thứ hai giữ lại các cột rỗng nên các phần tử giữ nguyên kích thước và để trống phần còn lại.

Đáp án: A

Lưới tự tạo thêm hàng ngầm định để chứa phần tử. Kích thước của các hàng này mặc định vừa với nội dung, và điều chỉnh được bằng thuộc tính khai báo kích thước hàng tự sinh. Cùng cơ chế đó áp cho cột.

Đáp án: C

Vì nó chỉ tạo khoảng cách giữa các phần tử, không thêm ở hai đầu. Dùng lề thì phần tử đầu hoặc cuối cũng có lề thừa, phải viết thêm bộ chọn để loại trừ. Nó cũng gộp cả hai phương vào một thuộc tính và không bị chồng lề.

Đáp án: B

Dạng đầu khớp khi giá trị bằng chính xác chuỗi đã nêu. Dạng sau khớp khi giá trị chứa chuỗi đó ở bất kỳ đâu. Bộ chọn thuộc tính còn có toán tử cho tiền tố, hậu tố, và cho một từ trong danh sách cách nhau bởi khoảng trắng.

Đáp án: B

Dạng đầu đếm vị trí trong tất cả các phần tử anh em rồi kiểm tra xem phần tử ở vị trí đó có khớp bộ chọn không. Dạng sau chỉ đếm trong các phần tử cùng loại thẻ. Khi các loại thẻ xen kẽ nhau, hai bộ chọn cho kết quả khác hẳn.

Đáp án: B

Vì nó nhảy ra khỏi cascade thông thường: khai báo mang từ khoá này chỉ bị ghi đè bởi một khai báo cũng mang từ khoá đó với specificity cao hơn. Kết quả là một cuộc đua leo thang, và cuối cùng không ai biết quy tắc nào đang thắng.

Đáp án: A

Vì nó lấy chiều cao viewport ở trạng thái thanh địa chỉ đã ẩn. Khi thanh địa chỉ đang hiện — trạng thái ban đầu khi vào trang — phần cuối của phần tử bị che mất. Các đơn vị mới có tiền tố nhỏ nhất, lớn nhất và động giải quyết đúng vấn đề này.

Đáp án: D

Chiều rộng của ký tự số 0 trong font đang dùng. Vì nó bám theo font, đơn vị này hữu ích để giới hạn độ dài dòng văn bản: đặt chiều rộng tối đa khoảng 60 tới 75 đơn vị này cho ra độ dài dòng dễ đọc bất kể cỡ chữ.

Đáp án: C

Thuộc tính độ mờ áp lên toàn bộ phần tử kể cả nội dung con, nên chữ bên trong cũng mờ đi. Màu nền có kênh alpha chỉ làm nền trong suốt còn chữ giữ nguyên độ rõ. Ngoài ra, giá trị độ mờ nhỏ hơn 1 tạo ra một ngữ cảnh chồng mới.

Đáp án: D

Vì giá trị không đơn vị được kế thừa dưới dạng hệ số và nhân lại với cỡ chữ của từng phần tử con. Giá trị có đơn vị được tính một lần ở phần tử cha rồi kế thừa nguyên con số đó — nên phần tử con có cỡ chữ lớn hơn sẽ bị các dòng chồng lên nhau.

Đáp án: B

Hiện chữ bằng font dự phòng ngay lập tức, rồi đổi sang font chính khi nó tải xong. Người dùng đọc được nội dung ngay thay vì thấy khoảng trắng — đổi lại có một lần nhảy chữ khi font đổi.

Đáp án: D

Vì thay đổi vị trí bằng thuộc tính định vị buộc trình duyệt tính lại layout rồi vẽ lại, còn phép biến đổi chỉ tác động ở bước hợp thành — bước cuối cùng và rẻ nhất. Với animation chạy 60 khung hình mỗi giây, khác biệt này quyết định độ mượt.

Đáp án: C

Thuộc tính đầu đổ bóng theo hình chữ nhật của hộp (có bo góc theo bán kính đã đặt). Bộ lọc đổ bóng theo hình thật của nội dung — nên với ảnh có nền trong suốt hay phần tử đã cắt xén, chỉ cách thứ hai cho bóng đúng đường viền.

Đáp án: C

Phần nội dung nằm phía sau phần tử, chứ không phải chính nó. Đây là cách tạo hiệu ứng kính mờ: phần tử có nền trong suốt một phần và mọi thứ nằm dưới nó bị làm mờ. Muốn thấy hiệu ứng thì nền của phần tử phải trong suốt một phần.

Đáp án: D

Theo phần tử cha có phép biến đổi. Bất kỳ tổ tiên nào có phép biến đổi, bộ lọc hoặc một vài thuộc tính khác đều tạo ra một khối chứa mới, và phần tử định vị cố định neo vào đó thay vì vào viewport — nên nó cuộn theo trang.

Đáp án: A

Dựa vào lúc layout thật sự bắt đầu hỏng — thu nhỏ cửa sổ dần và đặt điểm ngắt ngay tại chỗ nội dung không còn vừa. Chọn theo kích thước thiết bị cụ thể sẽ lỗi thời nhanh, vì danh sách thiết bị thay đổi mỗi năm.

Đáp án: D

4.5:1 cho văn bản thường. Văn bản cỡ lớn — từ 18pt, hoặc 14pt nếu in đậm — chỉ cần 3:1. Các thành phần giao diện không phải chữ như viền ô nhập và biểu tượng cũng cần 3:1.

Đáp án: D

Người dùng bàn phím và trình đọc màn hình. Không có nó, họ phải nhấn Tab qua toàn bộ menu điều hướng — có khi vài chục liên kết — ở mỗi trang trước khi tới được nội dung chính.

Đáp án: C

Báo trình đọc màn hình theo dõi vùng đó và thông báo nội dung mới khi người dùng ngừng thao tác. Không có nó, các thay đổi động — thông báo lỗi, kết quả tìm kiếm cập nhật, số lượng giỏ hàng — diễn ra âm thầm với người không nhìn thấy màn hình.

Đáp án: D

Mức độ nội dung nhảy vị trí sau khi đã hiển thị. Nó tính theo diện tích bị ảnh hưởng nhân khoảng cách dịch chuyển. Đây là chỉ số về trải nghiệm chứ không về tốc độ: người dùng bấm nhầm nút vì nội dung nhảy ngay lúc họ chạm vào.

Đáp án: A

Bắt đầu tải font sớm thay vì chờ trình duyệt phát hiện nó qua CSS. Font nằm cuối chuỗi phụ thuộc — HTML, rồi CSS, rồi mới tới font — nên nó thường tải rất muộn và gây nhảy chữ khi đổi từ font dự phòng.

Đáp án: C

Nó bám theo hướng viết của nội dung thay vì theo phương vật lý. Với tiếng Việt hay tiếng Anh, nó tương đương lề trái; với tiếng Ả Rập viết từ phải sang trái, nó tự thành lề phải. Một stylesheet phục vụ được cả hai hướng.

Đáp án: B

Dùng thuộc tính quyết định cách ảnh lấp đầy khung. Giá trị lấp đầy sẽ cắt bớt phần thừa nhưng giữ tỉ lệ; giá trị vừa khung thì thu nhỏ toàn bộ ảnh và chừa khoảng trống hai bên.

Đáp án: D

Nó theo hướng viết của ngôn ngữ thay vì hướng vật lý của màn hình. Với ngôn ngữ viết từ phải sang trái, cùng một khai báo cho ra lề ở phía đối diện — nên bố cục tự đảo mà không cần viết lại kiểu.

Đáp án: D

Dùng nhóm thuộc tính giới hạn số dòng của khối văn bản — hiển thị dạng hộp nhiều dòng kèm số dòng tối đa và ẩn phần tràn. Thuộc tính cắt một dòng chỉ xử lý được nội dung không xuống dòng.

Đáp án: B

Khai báo lề cuộn phía trên cho các phần tử đích, bằng đúng chiều cao thanh điều hướng. Trình duyệt chừa sẵn khoảng đó khi cuộn tới, nên không cần phần tử ẩn hay tính toán bằng script.

Đáp án: C

Phần tử không nhận sự kiện chuột và sự kiện xuyên xuống lớp bên dưới. Nó hữu ích cho lớp phủ trang trí, nhưng cũng vô hiệu hoá mọi nút bên trong nếu áp nhầm lên cả một khối.

Đáp án: B

Khai báo cho phép ngắt dòng giữa từ khi chuỗi quá dài. Chuỗi liền không có khoảng trắng — địa chỉ thư, đường dẫn, mã giao dịch — không tự xuống dòng nên tràn ra khỏi khung.

Đáp án: C

Một giá trị lấp đầy khung và cắt bớt phần thừa, giá trị kia hiện trọn ảnh và chừa khoảng trống. Cả hai đều giữ nguyên tỉ lệ gốc, chỉ khác ở việc ưu tiên lấp đầy hay ưu tiên hiển thị trọn vẹn.

Đáp án: B

Nó áp một nhóm quy tắc chỉ khi trình duyệt hỗ trợ tính năng được nêu. Nhờ đó viết được bản dự phòng cho trình duyệt cũ và bản nâng cao cho trình duyệt mới trong cùng một tệp kiểu.