`vertical-align` được sử dụng để căn chỉnh các phần tử nội dòng (inline) hoặc nội dòng-khối (inline-block) theo chiều dọc so với dòng chứa chúng, hoặc để căn chỉnh nội dung trong ô bảng (`
`). Nó không dùng để căn chỉnh văn bản trong một khối độc lập theo chiều dọc (thường cần các kỹ thuật khác như Flexbox, Grid, hoặc line-height/padding).
21 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 21: Bạn nhận thấy rằng một đoạn văn bản trên trang web của mình có khoảng cách giữa các dòng quá sát nhau, gây khó đọc. Thuộc tính CSS nào bạn nên điều chỉnh để tăng khoảng cách này?
Thuộc tính `line-height` kiểm soát khoảng cách giữa các đường cơ sở (baseline) của văn bản, do đó điều chỉnh khoảng cách giữa các dòng. `word-spacing` điều chỉnh khoảng cách giữa các từ, `letter-spacing` điều chỉnh khoảng cách giữa các ký tự, và `text-indent` tạo lề đầu dòng.
22 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 22: Xem quy tắc CSS: `p { color: #333; font-size: 1em; }`. Giá trị `#333` cho thuộc tính `color` là cách biểu diễn màu sắc dưới dạng nào?
`#333` là mã màu Hexadecimal viết gọn (tương đương `#333333`). Mã Hex bắt đầu bằng `#` và theo sau là 3 hoặc 6 ký tự thập lục phân (0-9, A-F) biểu diễn giá trị RGB. `rgba()` là hàm biểu diễn màu với kênh alpha (độ trong suốt), `rgb()` là hàm biểu diễn màu RGB, và `hsl()` là hàm biểu diễn màu HSL.
23 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 23: Đơn vị `em` trong `font-size: 1em;` có ý nghĩa gì?
Đơn vị `em` là một đơn vị tương đối, được tính dựa trên kích thước phông chữ của phần tử cha (hoặc phần tử gốc nếu không có cha). `1em` bằng với kích thước phông chữ của phần tử cha. `px` là đơn vị tuyệt đối, `%` là phần trăm của kích thước cha, `rem` là đơn vị tương đối dựa trên kích thước phông chữ gốc (``).
24 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 24: Bạn muốn đặt đường viền chỉ ở phía dưới của một phần tử `
`. Thuộc tính nào sau đây là cách đúng để làm điều đó với độ dày 1px, kiểu nét liền, màu đen?
Để định kiểu viền chỉ ở một phía, bạn sử dụng các thuộc tính cụ thể cho phía đó: `border-top`, `border-right`, `border-bottom`, `border-left`. `border-bottom: 1px solid black;` áp dụng viền dưới với các thuộc tính đã cho. `border: bottom 1px solid black;` sai cú pháp.
25 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 25: Xem đoạn mã CSS sau: `.image-container { background-image: url('background.png'); background-repeat: no-repeat; background-position: center; }`. Đoạn mã này có tác dụng gì đối với các phần tử có lớp `image-container`?
Thuộc tính `background-image` đặt ảnh nền. `background-repeat: no-repeat;` ngăn ảnh nền lặp lại. `background-position: center;` căn giữa ảnh nền trong phần tử. Kết hợp lại, ảnh nền sẽ xuất hiện một lần duy nhất ở giữa phần tử.
26 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 26: Khi sử dụng thuộc tính `margin` hoặc `padding` với một giá trị duy nhất (ví dụ: `margin: 10px;`), giá trị đó sẽ được áp dụng cho những phía nào của phần tử?
Khi chỉ có một giá trị được cung cấp cho `margin` hoặc `padding`, giá trị đó sẽ được áp dụng đồng thời cho cả bốn phía: trên, phải, dưới và trái.
27 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 27: Bạn đang thiết kế một nút bấm và muốn thêm một đường viền nét đứt màu xám xung quanh nó. Thuộc tính `border` nào sau đây là đúng?
Cú pháp viết tắt của `border` là `[width] [style] [color]`. Nét đứt là `dashed`, màu xám có thể dùng tên màu `gray`. `border: dashed gray;` là đủ nếu không chỉ định độ dày (mặc định sẽ là medium). `border: 1px dashed gray;` là cụ thể hơn.
28 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 28: Xem xét hai phần tử khối (ví dụ: hai thẻ `div`) nằm cạnh nhau theo chiều dọc. Phần tử thứ nhất có `margin-bottom: 20px;` và phần tử thứ hai có `margin-top: 15px;`. Khoảng cách thực tế giữa hai phần tử này sẽ là bao nhiêu?
Trong CSS, khi lề trên của một phần tử gặp lề dưới của một phần tử khác theo chiều dọc, các lề này sẽ 'gộp' lại (margin collapsing). Khoảng cách cuối cùng sẽ là giá trị lề lớn nhất trong hai lề. Ở đây, `max(20px, 15px) = 20px`.
29 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 29: Để tạo một khoảng đệm 10px ở phía trên và phía dưới, và 20px ở phía trái và phải cho một phần tử, quy tắc `padding` nào sau đây là đúng?
Khi `padding` (hoặc `margin`) có hai giá trị, giá trị đầu tiên áp dụng cho Top và Bottom, giá trị thứ hai áp dụng cho Left và Right. `padding: 10px 20px;` đặt padding trên/dưới là 10px và trái/phải là 20px.
30 / 30
Category:
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F8: Một số thuộc tính cơ bản của CSS
Tags:
Bộ đề 03
Câu 30: Thuộc tính `text-align: justify;` có tác dụng gì đối với một khối văn bản?
`text-align: justify;` căn đều cả hai lề (trái và phải) cho các dòng văn bản trong khối, trừ dòng cuối cùng. Điều này thường được sử dụng để tạo bố cục văn bản giống như trong sách báo.
| 