15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F10: Định kiểu CSS cho siêu liên kết và danh sách

Câu 2: Xét đoạn mã CSS sau:
```css
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: orange; }
```
Nếu một liên kết đã được truy cập trước đó và người dùng đang di chuột qua nó, màu sắc hiển thị của liên kết sẽ là gì?

• A. Màu đỏ (red)
• B. Màu tím (purple)
• C. Màu xanh dương (blue)
• D. Màu cam (orange)

Câu 3: Thuộc tính CSS nào được sử dụng để loại bỏ gạch chân mặc định dưới các siêu liên kết?

• A. border-bottom: none;
• B. line-decoration: none;
• C. text-decoration: none;
• D. underline: false;

Câu 4: Để thay đổi màu nền của một siêu liên kết khi người dùng nhấp chuột (click) vào nó, bạn sử dụng lớp giả nào?

• A. :focus
• B. :hover
• C. :link
• D. :active

Câu 5: Bạn muốn các liên kết trên trang web của mình có màu xanh lá cây khi chưa được truy cập và màu xám khi đã được truy cập. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu này?

• A. a:link { color: green; } a:visited { color: gray; }
• B. a:hover { color: green; } a:active { color: gray; }
• C. a { color: green; } a:visited { color: gray; }
• D. a:link { color: gray; } a:visited { color: green; }

Câu 6: Lớp giả `:focus` khi áp dụng cho siêu liên kết (`a:focus`) có tác dụng định kiểu cho liên kết khi nào?

• A. Khi liên kết đang được click giữ.
• B. Khi con trỏ chuột di chuyển qua liên kết.
• C. Khi liên kết nhận được tiêu điểm (ví dụ: được chọn bằng phím Tab trên bàn phím).
• D. Khi liên kết đã được truy cập trước đó.

Câu 7: Thuộc tính CSS nào được sử dụng để định kiểu cho dấu đầu dòng (marker) của các mục trong danh sách (`

Câu 8: Bạn muốn một danh sách không có dấu đầu dòng mặc định (ví dụ: dấu chấm, số thứ tự). Thuộc tính `list-style-type` nên được đặt giá trị nào?

• A. none-type
• B. hidden
• C. transparent
• D. none

Câu 9: Để sử dụng một hình ảnh tùy chỉnh làm dấu đầu dòng cho danh sách, bạn sử dụng thuộc tính CSS nào và với cú pháp nào?

• A. list-marker-image: "url(image.png)";
• B. list-style-image: url("image.png");
• C. bullet-image: "image.png";
• D. list-style-type: image("image.png");

Câu 10: Thuộc tính `list-style-position` với giá trị `inside` có ý nghĩa gì?

• A. Đặt dấu đầu dòng vào bên trong phần nội dung của mục danh sách.
• B. Đặt dấu đầu dòng ra bên ngoài phần nội dung của mục danh sách.
• C. Căn giữa dấu đầu dòng với nội dung mục danh sách.
• D. Ẩn dấu đầu dòng của danh sách.

Câu 11: Cho đoạn mã HTML và CSS sau:
```html

• Item A
• Item B

```
```css
ul {
list-style-type: square;
}
```
Kết quả hiển thị của danh sách sẽ là gì?

• A. Danh sách không có dấu đầu dòng.
• B. Danh sách có dấu đầu dòng là hình tròn.
• C. Danh sách có dấu đầu dòng là hình vuông.
• D. Danh sách có dấu đầu dòng là số thứ tự.

Câu 12: Thuộc tính `list-style` là thuộc tính viết tắt (shorthand) cho những thuộc tính nào sau đây?

• A. list-type, list-image, list-position
• B. style-type, style-image, style-position
• C. list-decoration, list-image, list-position
• D. list-style-type, list-style-image, list-style-position

Câu 13: Bạn muốn tạo một danh sách số thứ tự bắt đầu từ 1, sử dụng chữ số La Mã viết hoa (I, II, III...). Thuộc tính `list-style-type` nên được đặt giá trị nào?

• A. upper-roman
• B. roman
• C. upper-alpha
• D. decimal-leading-zero

Câu 14: Xét đoạn mã CSS:
```css
ul {
list-style: url("arrow.gif") inside;
}
```
Đoạn mã này sẽ định kiểu cho danh sách không thứ tự như thế nào?

• A. Sử dụng hình ảnh "arrow.gif" làm dấu đầu dòng, đặt dấu đầu dòng ra bên ngoài nội dung mục.
• B. Sử dụng kiểu dấu đầu dòng mặc định (disc) và đặt nó vào bên trong nội dung mục.
• C. Sử dụng hình ảnh "arrow.gif" làm dấu đầu dòng và đặt dấu đầu dòng vào bên trong phần nội dung mục.
• D. Báo lỗi cú pháp vì thuộc tính `list-style` không nhận giá trị `inside`.

Câu 15: Khi thiết kế một menu điều hướng sử dụng danh sách (`

`, `
• `), thường cần loại bỏ các kiểu mặc định của danh sách. Ngoài `list-style: none;`, thuộc tính nào sau đây cũng thường được đặt lại (reset) để loại bỏ khoảng trống thừa do trình duyệt thêm vào?
  • A. line-height và font-size
  • B. text-align và vertical-align
  • C. display và position
  • D. margin và padding

Câu 16: Bạn có một danh sách (`

`) và muốn các mục danh sách (`
• `) hiển thị trên cùng một dòng thay vì mỗi mục trên một dòng riêng biệt. Thuộc tính CSS nào áp dụng cho `
• ` có thể giúp đạt được điều này?
  • A. display: inline-block;
  • B. float: left;
  • C. position: absolute;
  • D. list-style-position: inline;

Câu 17: Tại sao thứ tự các lớp giả cho siêu liên kết (a:link, a:visited, a:hover, a:active) thường được khuyến cáo tuân theo quy tắc "L-V-H-A"?

• A. Để đảm bảo tính tương thích ngược với các trình duyệt cũ.
• B. Để các trạng thái cụ thể hơn (như hover, active) ghi đè lên các trạng thái ít cụ thể hơn (như link, visited) khi chúng cùng xảy ra.
• C. Đây là thứ tự bảng chữ cái của các lớp giả.
• D. Thứ tự này không quan trọng, trình duyệt sẽ tự động xử lý đúng.

Câu 18: Xét đoạn mã CSS:
```css
a:link { color: blue; }
a:visited { color: purple; }
a:hover { text-decoration: none; }
ul {
list-style-type: disc;
}
```
Một liên kết chưa được truy cập nằm trong một mục của danh sách không thứ tự. Khi di chuột qua liên kết đó, điều gì sẽ xảy ra?

• A. Màu liên kết chuyển sang tím và vẫn có gạch chân.
• B. Màu liên kết chuyển sang đỏ và không có gạch chân.
• C. Màu liên kết vẫn là xanh dương và vẫn có gạch chân.
• D. Màu liên kết vẫn là xanh dương nhưng mất gạch chân.

Câu 19: Bạn muốn các mục trong một danh sách số thứ tự (`

`) được đánh số bằng các chữ cái viết thường (a, b, c...). Thuộc tính `list-style-type` nào là phù hợp?
• A. decimal
• B. lower-alpha
• C. upper-alpha
• D. lower-roman

Câu 20: Thuộc tính `list-style-position` với giá trị `outside` có ý nghĩa gì?

• A. Đặt dấu đầu dòng vào bên trong phần nội dung của mục danh sách.
• B. Ẩn dấu đầu dòng của danh sách.
• C. Đặt dấu đầu dòng ra bên ngoài phần nội dung của mục danh sách (là giá trị mặc định).
• D. Căn lề phải cho dấu đầu dòng.

Câu 21: Bạn có một danh sách không thứ tự (`

`) và muốn tất cả các dấu đầu dòng là hình tròn rỗng (circle). Đoạn mã CSS nào là đúng?
• A. ul { list-style-type: circle; }
• B. ul li { marker-type: circle; }
• C. list-style: circle;
• D. ul { bullet-style: circle; }

Câu 22: Khi sử dụng thuộc tính `list-style`, thứ tự các giá trị thường là `[ || || ]`. Nếu bạn chỉ định `list-style: square inside;`, trình duyệt sẽ hiểu như thế nào?

• A. Sử dụng hình vuông làm dấu đầu dòng và hình ảnh "inside" (nếu có).
• B. Sử dụng hình ảnh "square" (nếu có) làm dấu đầu dòng và đặt vị trí "inside".
• C. Báo lỗi cú pháp vì thiếu giá trị cho list-style-image.
• D. Sử dụng hình vuông làm dấu đầu dòng, đặt vị trí "inside", và bỏ qua giá trị list-style-image (hoặc sử dụng giá trị mặc định/kế thừa).

Câu 23: Bạn muốn định kiểu cho các liên kết chỉ nằm bên trong phần tử có ID là `sidebar`. Bộ chọn CSS nào sau đây là chính xác nhất?

• A. a#sidebar
• B. #sidebar a
• C. .sidebar a
• D. sidebar > a

Câu 24: Xét đoạn mã CSS:
```css
ul {
list-style: none;
padding: 0;
}
```
Đoạn mã này thường được sử dụng khi nào và có tác dụng gì?

• A. Khi muốn loại bỏ hoàn toàn kiểu dáng mặc định của danh sách, thường dùng cho menu điều hướng.
• B. Khi muốn đặt dấu đầu dòng là hình vuông và căn lề trái cho danh sách.
• C. Khi muốn sử dụng hình ảnh làm dấu đầu dòng và thêm khoảng đệm bên trong.
• D. Khi muốn ẩn danh sách khỏi hiển thị.

Câu 25: Bạn có một danh sách (`

`) và muốn các mục danh sách (`
• `) có viền dưới màu xám khi di chuột qua. Đoạn mã CSS nào sau đây là đúng?
  • A. ul:hover { border-bottom: 1px solid gray; }
  • B. li { border-bottom: 1px solid gray; }
  • C. li:hover { border-bottom: 1px solid gray; }
  • D. ul li:active { border-bottom: 1px solid gray; }

Câu 26: Sự khác biệt chính giữa `list-style-type: none;` và `visibility: hidden;` khi áp dụng cho một danh sách là gì?

• A. `list-style-type: none;` chỉ ẩn dấu đầu dòng, còn `visibility: hidden;` ẩn toàn bộ danh sách nhưng vẫn giữ không gian dành cho nó.
• B. `list-style-type: none;` ẩn toàn bộ danh sách, còn `visibility: hidden;` chỉ ẩn dấu đầu dòng.
• C. `list-style-type: none;` ẩn toàn bộ danh sách và giải phóng không gian, còn `visibility: hidden;` chỉ ẩn dấu đầu dòng.
• D. Cả hai đều ẩn toàn bộ danh sách và giải phóng không gian.

Câu 27: Bạn muốn tạo một danh sách không thứ tự mà các mục danh sách có dấu đầu dòng là hình ảnh "star.png" và nằm bên trong nội dung. Đồng thời, khi di chuột qua bất kỳ mục danh sách nào, màu chữ của mục đó sẽ chuyển sang đỏ. Hãy viết đoạn mã CSS để thực hiện điều này.

• A. ul { list-style-image: url("star.png"); list-style-position: inside; } ul li:hover { color: red; }
• B. ul { list-style-image: url("star.png"); list-style-position: inside; } li:hover { color: red; }
• C. ul li { list-style: url("star.png") inside; } ul li:hover { color: red; }
• D. ul { list-style: url("star.png") inside; color: red; } li:hover { color: initial; }

Câu 28: Xét đoạn mã CSS:
```css
a {
color: black;
text-decoration: underline;
}
a:visited {
color: gray;
}
a:hover {
text-decoration: none;
}
```
Một liên kết đã được truy cập có màu gì và có gạch chân hay không khi người dùng không di chuột qua nó?

• A. Màu đen, có gạch chân.
• B. Màu đen, không gạch chân.
• C. Màu xám, không gạch chân.
• D. Màu xám, có gạch chân.

Câu 29: Bạn muốn các liên kết trong một phần tử có class là `footer` không có gạch chân ở bất kỳ trạng thái nào. Đoạn mã CSS nào sau đây là hiệu quả nhất?

• A. .footer a { text-decoration: none; }
• B. .footer a:link, .footer a:visited, .footer a:hover, .footer a:active { text-decoration: none; }
• C. a { text-decoration: none; }
• D. .footer { text-decoration: none; }

Câu 30: Để tạo một danh sách số thứ tự (`

`) mà các mục danh sách được đánh số bằng các chữ số có thêm số 0 ở đầu (ví dụ: 01, 02, ..., 10), bạn sử dụng giá trị nào cho thuộc tính `list-style-type`?
• A. decimal-zero
• B. leading-zero
• C. decimal-leading-zero
• D. numbered-zero

Câu 12: Thuộc tính CSS viết tắt nào cho phép bạn thiết lập cùng lúc kiểu, vị trí và hình ảnh (nếu có) cho dấu đầu dòng của danh sách?

• A. list-style-all
• B. list-style
• C. list-decoration
• D. list-property

Câu 13: Bạn có một danh sách không có thứ tự (`

`) và muốn các mục danh sách (`
• `) có lề trái là 20px để tạo khoảng cách với lề nội dung. Bạn nên áp dụng thuộc tính `margin-left` cho phần tử nào?
  • A. li
  • B. ul
  • C. body
  • D. a

Câu 14: Khi định kiểu cho siêu liên kết đã được truy cập bằng lớp giả `:visited`, những thuộc tính nào thường bị hạn chế thay đổi (vì lý do bảo mật quyền riêng tư của người dùng)?

• A. text-decoration và font-weight.
• B. background-color và border-color.
• C. padding và margin.
• D. Hầu hết các thuộc tính (chủ yếu chỉ cho phép thay đổi màu sắc).

Câu 15: Cho đoạn mã CSS:
```css
a:link { color: green; }
a:visited { color: purple; }
a:hover { color: red; }
```
Nếu một liên kết đã được truy cập trước đó và người dùng di chuột qua nó, màu của liên kết sẽ là gì? (Giả sử thứ tự CSS được đọc từ trên xuống)

• A. Màu xanh (green).
• B. Màu tím (purple).
• C. Màu đỏ (red).
• D. Màu mặc định của trình duyệt.

Câu 16: Bạn có một danh sách lồng nhau. Bạn muốn danh sách con (`

` bên trong `
• ` của danh sách cha) sử dụng dấu đầu dòng là hình tròn, trong khi danh sách cha sử dụng hình đĩa mặc định. Bộ chọn CSS nào đúng để áp dụng kiểu cho danh sách con?
  • A. li ul { list-style-type: circle; }
  • B. ul li { list-style-type: circle; }
  • C. ul > li { list-style-type: circle; }
  • D. ul ul { list-style-type: circle; }

Câu 17: Thuộc tính `list-style-image` được sử dụng để định kiểu dấu đầu dòng bằng hình ảnh. Nếu hình ảnh được chỉ định không tồn tại hoặc không tải được, điều gì sẽ xảy ra theo mặc định?

• A. Danh sách sẽ không hiển thị dấu đầu dòng nào.
• B. Trình duyệt sẽ quay lại sử dụng kiểu dấu đầu dòng mặc định (`list-style-type`).
• C. Trình duyệt sẽ hiển thị một biểu tượng lỗi thay cho hình ảnh.
• D. Toàn bộ danh sách sẽ bị ẩn đi.

Câu 18: Bạn muốn tạo một menu ngang từ một danh sách không có thứ tự. Ngoài việc loại bỏ dấu đầu dòng, bạn có thể sử dụng thuộc tính `display` với giá trị nào cho các phần tử `

Câu 19: Lớp giả `:focus` cho siêu liên kết (`a:focus`) được kích hoạt khi nào?

• A. Khi người dùng di chuột qua liên kết.
• B. Khi người dùng nhấp chuột vào liên kết và giữ.
• C. Khi liên kết nhận được sự tập trung (ví dụ: thông qua phím Tab).
• D. Khi liên kết đã được truy cập trước đó.

Câu 20: Cho đoạn mã CSS:
```css
ul {
list-style-type: disc;
list-style-position: inside;
}
```
Mô tả nào sau đây đúng nhất về cách dấu đầu dòng sẽ hiển thị?

• A. Dấu đầu dòng hình đĩa nằm ngoài lề của mục danh sách.
• B. Dấu đầu dòng hình đĩa nằm bên trong phần nội dung của mục danh sách.
• C. Dấu đầu dòng là một hình ảnh nằm bên trong nội dung.
• D. Danh sách không có dấu đầu dòng.

Câu 21: Giả sử bạn có đoạn CSS sau:
```css
a:link { color: blue; }
a:visited { color: purple; }
a:hover { text-decoration: underline; }
a { text-decoration: none; }
```
Khi một liên kết chưa truy cập ở trạng thái bình thường, nó sẽ hiển thị như thế nào?

• A. Màu xanh, không có gạch chân.
• B. Màu xanh, có gạch chân.
• C. Màu tím, không có gạch chân.
• D. Màu đỏ, có gạch chân.

Câu 22: Để định kiểu cho một danh sách cụ thể có lớp là "my-list", bạn muốn các mục danh sách (`

Câu 23: Bạn muốn tất cả các siêu liên kết trong phần tử `

Câu 24: Thuộc tính `list-style` là thuộc tính viết tắt. Thứ tự các giá trị khi sử dụng thuộc tính này thường là gì?

• A. image, position, type
• B. position, type, image
• C. type, position, image
• D. type, image, position

Câu 25: Bạn có một danh sách và muốn mỗi mục danh sách có một khoảng đệm 5px ở phía dưới. Thuộc tính nào và áp dụng cho phần tử nào là phù hợp nhất?

• A. padding-bottom: 5px; cho `li`
• B. margin-bottom: 5px; cho `ul`
• C. line-height: 5px; cho `li`
• D. padding-bottom: 5px; cho `ul`

Câu 26: Cho đoạn mã CSS sau:
```css
a {
color: black;
text-decoration: none;
}
a:hover {
color: blue;
}
a:visited {
color: grey;
}
```
Nếu một liên kết đã được truy cập và người dùng di chuột qua nó, màu của liên kết sẽ là gì?

• A. Màu đen (black).
• B. Màu xanh (blue).
• C. Màu xám (grey).
• D. Màu mặc định của trình duyệt.

Câu 27: Bạn muốn tạo một danh sách có thứ tự mà số thứ tự được đặt bên trong lề của mục danh sách. Thuộc tính và giá trị nào sau đây cần sử dụng?

• A. list-style-type: inside;
• B. list-style-image: inside;
• C. list-style-position: inside;
• D. list-style: inside;

Câu 28: Lớp giả `:visited` chỉ áp dụng cho các siêu liên kết đã được truy cập. Theo mặc định của trình duyệt, màu sắc phổ biến nhất cho liên kết đã truy cập là gì?

• A. Tím.
• B. Đỏ.
• C. Xanh lá cây.
• D. Đen.

Câu 29: Để định kiểu cho các mục danh sách trong một danh sách không có thứ tự bằng các hình tròn rỗng (không tô đầy), bạn sử dụng giá trị nào cho thuộc tính `list-style-type`?

• A. disc
• B. circle
• C. square
• D. round

Câu 30: Giả sử bạn có một danh sách và áp dụng `list-style-type: none;` cho phần tử `

`. Điều này sẽ ảnh hưởng như thế nào đến dấu đầu dòng của các mục danh sách (`
• `) bên trong nó?
  • A. Chỉ các mục danh sách cấp 1 bị ảnh hưởng, danh sách lồng nhau vẫn giữ dấu đầu dòng mặc định.
  • B. Chỉ các mục danh sách có nội dung ngắn bị ảnh hưởng.
  • C. Dấu đầu dòng sẽ chuyển sang hình ảnh mặc định của trình duyệt.
  • D. Tất cả dấu đầu dòng của các mục danh sách (cả cấp 1 và lồng nhau) sẽ bị loại bỏ.

Câu 11: Bạn có một danh sách có thứ tự (`

`) và muốn các số thứ tự được đánh dấu bằng chữ cái La Mã viết hoa (I, II, III,...). Thuộc tính `list-style-type` nào sẽ được áp dụng?
• A. decimal
• B. lower-roman
• C. upper-roman
• D. alpha

Câu 12: Khi định kiểu cho các trạng thái của siêu liên kết, thứ tự áp dụng các lớp giả (`:link`, `:visited`, `:hover`, `:active`) có quan trọng không? Tại sao?

• A. Có, vì các lớp giả này có độ ưu tiên ngang nhau và quy tắc viết sau sẽ ghi đè quy tắc viết trước nếu không tuân theo thứ tự L-V-H-A.
• B. Không, thứ tự không quan trọng vì mỗi lớp giả áp dụng cho một trạng thái riêng biệt.
• C. Có, nhưng chỉ khi sử dụng thuộc tính `!important`.
• D. Không, trình duyệt sẽ tự động sắp xếp lại theo đúng thứ tự.

Câu 13: Bạn muốn các mục trong danh sách không có thứ tự (`

`) sử dụng hình ảnh làm dấu đầu dòng. Đường dẫn tới hình ảnh là `../images/marker.png`. Câu lệnh CSS nào là đúng?
• A. list-style-type: url("../images/marker.png");
• B. list-style-image: url("../images/marker.png");
• C. list-style-image: "../images/marker.png";
• D. list-style: image("../images/marker.png");

Câu 14: Cho đoạn CSS:

```css
ul {
list-style-type: circle;
}
ul li {
color: green;
}
```

Một mục danh sách (`

Câu 15: Bạn muốn một liên kết khi được chọn bằng phím Tab hoặc khi nó nhận được "focus" từ người dùng (ví dụ: trong biểu mẫu), sẽ có viền nét đứt màu cam. Lớp giả nào cần sử dụng?

• A. :active
• B. :visited
• C. :hover
• D. :focus

Câu 16: Thuộc tính `list-style-position: outside;` có ý nghĩa gì đối với vị trí của dấu đầu dòng?

• A. Dấu đầu dòng nằm trong nội dung của mục danh sách.
• B. Dấu đầu dòng nằm ngoài khối văn bản của mục danh sách, trong khoảng padding bên trái.
• C. Dấu đầu dòng được căn giữa theo chiều ngang.
• D. Dấu đầu dòng chỉ hiển thị khi di chuột qua.

Câu 17: Để định kiểu cho tất cả các liên kết trên trang web có màu chữ là màu đỏ ban đầu (trước khi được truy cập), bạn sử dụng quy tắc CSS nào?

• A. a:link { color: red; }
• B. a { color: red; }
• C. a:visited { color: red; }
• D. link { color: red; }

Câu 18: Bạn muốn tạo một danh sách có thứ tự (`

`) mà các mục được đánh số bắt đầu từ 5 thay vì 1. Bạn có thể sử dụng thuộc tính HTML nào trên thẻ `
`?
• A. type=
• B. value=
• C. start=
• D. begin=

Câu 19: Cho đoạn mã CSS:

```css
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: yellow; }
```

Nếu thứ tự các quy tắc này được thay đổi thành:

```css
a:hover { color: red; }
a:active { color: yellow; }
a:link { color: blue; }
a:visited { color: purple; }
```

Khi di chuột qua một liên kết chưa được truy cập, màu sắc của liên kết sẽ là gì? (Giả định không có quy tắc CSS nào khác ảnh hưởng).

• A. Màu xanh (blue)
• B. Màu tím (purple)
• C. Màu đỏ (red)
• D. Màu vàng (yellow)

Câu 21: Bạn muốn một liên kết khi người dùng nhấn chuột vào sẽ có màu nền xanh lá cây tạm thời. Lớp giả nào cần sử dụng?

• A. :hover
• B. :active
• C. :focus
• D. :visited

Câu 22: Để các mục trong danh sách có thứ tự (`

`) được đánh số bằng chữ cái viết thường (a, b, c,...), bạn sẽ sử dụng thuộc tính `list-style-type` với giá trị nào?
• A. upper-alpha
• B. roman
• C. decimal
• D. lower-alpha

Câu 23: Khi sử dụng thuộc tính `list-style` viết tắt, nếu chỉ cung cấp giá trị cho `list-style-type` (ví dụ: `list-style: square;`), các thuộc tính `list-style-image` và `list-style-position` sẽ có giá trị mặc định là gì?

• A. image: none, position: inside
• B. image: url(""), position: outside
• C. image: none, position: outside
• D. image: inherit, position: inherit

Câu 24: Bạn muốn tạo một danh sách không có thứ tự (`

`) với các mục có dấu đầu dòng là hình tròn rỗng (không tô đặc). Thuộc tính `list-style-type` nào sẽ được áp dụng?
• A. disc
• B. circle
• C. square
• D. none

Câu 25: Giả sử bạn có một liên kết và áp dụng CSS sau:

```css
a {
color: black;
text-decoration: underline;
}

a:hover {
color: orange;
}
```

Khi di chuột qua liên kết, màu chữ và gạch chân của nó sẽ như thế nào?

• A. Màu chữ cam, vẫn có gạch chân.
• B. Màu chữ cam, mất gạch chân.
• C. Màu chữ đen, vẫn có gạch chân.
• D. Màu chữ đen, mất gạch chân.

Câu 26: Để tạo khoảng cách giữa dấu đầu dòng và nội dung của mục danh sách khi sử dụng `list-style-position: outside;`, bạn thường điều chỉnh thuộc tính CSS nào của phần tử `

Câu 27: Bạn đã định kiểu cho các liên kết chưa truy cập có màu xanh và các liên kết đã truy cập có màu tím. Nếu người dùng nhấn chuột vào một liên kết chưa truy cập, trạng thái nào sẽ được áp dụng NGAY LẬP TỨC khi họ nhấn chuột?

• A. :visited
• B. :active
• C. :hover
• D. :focus

Câu 28: Cho đoạn mã HTML và CSS:

```html

• Item 1
• Item 2

```
```css
ul {
list-style: url("star.gif") inside;
}
```

Mục danh sách

• A. Hình ảnh "star.gif", nằm bên trong nội dung mục.
• B. Hình ảnh "star.gif", nằm bên ngoài nội dung mục.
• C. Dấu đầu dòng mặc định (hình tròn), nằm bên trong nội dung mục.
• D. Dấu đầu dòng mặc định (hình tròn), nằm bên ngoài nội dung mục.

Câu 29: Nếu bạn muốn loại bỏ hoàn toàn khoảng trống padding mặc định bên trái của danh sách (`

` hoặc `
`) do trình duyệt thêm vào để chứa dấu đầu dòng, bạn sẽ áp dụng thuộc tính nào cho phần tử danh sách?
• A. margin: 0;
• B. border: none;
• C. list-style: none;
• D. padding: 0;

Câu 30: Phân biệt vai trò chính giữa lớp giả `:hover` và `:active` khi áp dụng cho siêu liên kết.

• A. :hover áp dụng khi liên kết được truy cập; :active áp dụng khi di chuột qua.
• B. :hover áp dụng khi liên kết nhận focus; :active áp dụng khi được nhấn giữ chuột.
• C. :hover áp dụng khi di chuột qua liên kết; :active áp dụng khi liên kết được nhấn giữ chuột.
• D. :hover áp dụng khi liên kết chưa truy cập; :active áp dụng khi đã truy cập.