Câu hỏi:
19/10/2024 620
Giả sử đã thiết lập trang HTML như sau:
<!DOCTYPE html>
<html>
<head>
</head>
</body>
<div>Hãy di chuyển chuột lên tôi, bạn sẽ thấy...
‹p id = "hidden">Sự kì diệu của CSS! </p>
</div>
</body>
</html>
Hãy thiết lập CSS sao cho văn bản được trình bày theo yêu cầu sau:
A. Dòng chữ "Sự kì diệu của CSS!" sẽ được ẩn đi khi duyệt bình thường.
B. Dòng đầu tiên "Hãy di chuyển ..." được hiển thị trên nền xanh lam, trong khung màu với vùng đệm 20 px.
C. Khi di chuyển chuột lên khung màu có chữ "Hãy di chuyển ..." thì xuất hiện khung nền vàng, chữ đỏ, vùng đệm 20 px, trong khung có dòng chữ "Sự kì diệu của CSS!".
D. Khi chuột đã di chuyển qua khung nền xanh lam thì khung vàng sẽ bị ẩn đi.
Giả sử đã thiết lập trang HTML như sau:
<!DOCTYPE html>
<html>
<head>
</head>
</body>
<div>Hãy di chuyển chuột lên tôi, bạn sẽ thấy...
‹p id = "hidden">Sự kì diệu của CSS! </p>
</div>
</body>
</html>
Hãy thiết lập CSS sao cho văn bản được trình bày theo yêu cầu sau:
A. Dòng chữ "Sự kì diệu của CSS!" sẽ được ẩn đi khi duyệt bình thường.
B. Dòng đầu tiên "Hãy di chuyển ..." được hiển thị trên nền xanh lam, trong khung màu với vùng đệm 20 px.
C. Khi di chuyển chuột lên khung màu có chữ "Hãy di chuyển ..." thì xuất hiện khung nền vàng, chữ đỏ, vùng đệm 20 px, trong khung có dòng chữ "Sự kì diệu của CSS!".
D. Khi chuột đã di chuyển qua khung nền xanh lam thì khung vàng sẽ bị ẩn đi.
Quảng cáo
Trả lời:
Giải bởi Vietjack
Mẫu CSS trên sẽ đáp ứng được hầu hết các yêu cầu, giúp tạo hiệu ứng và định dạng mong muốn cho trang HTML của bạn. Bạn có thể tùy chỉnh các thuộc tính để phù hợp hơn với giao diện mong muốn
CSS có thể thiết lập như sau:
Hot: 500+ Đề thi thử tốt nghiệp THPT các môn, ĐGNL các trường ĐH... file word có đáp án (2025). Tải ngay
Sách thầy cô Vietjack biên soạn:
Sổ tay lớp 12 các môn Toán, Lí, Hóa, Văn, Sử, Địa, KTPL (chương trình mới)
Đã bán 1,5k
₫ 70.000
₫ 36.000
Tuyển tập 30 đề thi đánh giá năng lực Đại học Quốc gia Hà Nội, TP Hồ Chí Minh (2 cuốn)
Đã bán 1,4k
₫ 280.000
₫ 150.000
Bình luận
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Tính trọng số của các mẫu định dạng CSS với bộ chọn như sau:
A. div > p.
B. div.test + #p1.
C. p.test1 p.test2.
D. h1: first-line.
Tính trọng số của các mẫu định dạng CSS với bộ chọn như sau:
A. div > p.
B. div.test + #p1.
C. p.test1 p.test2.
D. h1: first-line.
Xem đáp án »
19/10/2024
6,977
Câu 2:
Cho đoạn mã HTML sau:
1 <! DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 p › strong ~ em {color: blue; }
6 p › strong {color : green;}
7 em {color: cyan; }
8 strong {color: red; } 9 </style>
10 </head>
11 <body>
12 <h1 class = "test">Tìm hiểu về HTML</h1>
13 <p><strong>HTML</strong> - tên viết tắt của <em>HyperText Markup
Language</em>, ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ đặc biệt dùng để thiết kế nội dung các trang web và được thể hiện bằng trình duyệt. </p>
14 </body>
15 </htm]>
Từ HTML trong văn bản trên sẽ có màu gì trên trình duyệt?
A. blue.
B. red.
C. green.
D. cyan.
Cho đoạn mã HTML sau:
1 <! DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 p › strong ~ em {color: blue; }
6 p › strong {color : green;}
7 em {color: cyan; }
8 strong {color: red; } 9 </style>
10 </head>
11 <body>
12 <h1 class = "test">Tìm hiểu về HTML</h1>
13 <p><strong>HTML</strong> - tên viết tắt của <em>HyperText Markup
Language</em>, ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ đặc biệt dùng để thiết kế nội dung các trang web và được thể hiện bằng trình duyệt. </p>
14 </body>
15 </htm]>
Từ HTML trong văn bản trên sẽ có màu gì trên trình duyệt?
A. blue.
B. red.
C. green.
D. cyan.
Xem đáp án »
19/10/2024
3,894
Câu 3:
Câu nào sau đây là đúng nhất về pseudo-class (lớp giả)?
A. Lớp giả là lớp các phần tử đã được định nghĩa lớp có sẵn trong trang web không do người viết chương trình tạo ra.
B. Lớp giả là lớp mặc định các phần tử đặc biệt nào đó do CSS định nghĩa trước.
C. Lớp giả là lớp mô tả các trạng thái đặc biệt của các phần tử phụ thuộc vào thao tác người dùng trên trình duyệt, ví dụ như các thao tác chuột, thao tác nhập liệu trên biểu mẫu và một số trạng thái đặc biệt khác.
D. Lớp giả là lớp mô tả các trạng thái đặc biệt của một số phần tử đặc biệt của HTML.
Câu nào sau đây là đúng nhất về pseudo-class (lớp giả)?
A. Lớp giả là lớp các phần tử đã được định nghĩa lớp có sẵn trong trang web không do người viết chương trình tạo ra.
B. Lớp giả là lớp mặc định các phần tử đặc biệt nào đó do CSS định nghĩa trước.
C. Lớp giả là lớp mô tả các trạng thái đặc biệt của các phần tử phụ thuộc vào thao tác người dùng trên trình duyệt, ví dụ như các thao tác chuột, thao tác nhập liệu trên biểu mẫu và một số trạng thái đặc biệt khác.
D. Lớp giả là lớp mô tả các trạng thái đặc biệt của một số phần tử đặc biệt của HTML.
Xem đáp án »
19/10/2024
3,612
Câu 4:
Giả sử đã thiết lập trang HTML như sau:
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 p { color: blue ; }
6 *,.test & color : red ;
7 </style>
8</head>
9<body>
10 <h1 class="test">Tiêu đề kiến thức</h1>
11 <p>Đoạn văn bản đầu tiên</p>
12</body>
13</html>
Màu của các cụm từ "Tiêu đề kiến thức" và "Đoạn văn bản đầu tiên" lần lượt là:
A. Đỏ, đỏ.
B. Đỏ, xanh dương.
C. Xanh dương, đỏ.
D. Xanh dương, xanh dương.
Giả sử đã thiết lập trang HTML như sau:
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 p { color: blue ; }
6 *,.test & color : red ;
7 </style>
8</head>
9<body>
10 <h1 class="test">Tiêu đề kiến thức</h1>
11 <p>Đoạn văn bản đầu tiên</p>
12</body>
13</html>
Màu của các cụm từ "Tiêu đề kiến thức" và "Đoạn văn bản đầu tiên" lần lượt là:
A. Đỏ, đỏ.
B. Đỏ, xanh dương.
C. Xanh dương, đỏ.
D. Xanh dương, xanh dương.
Xem đáp án »
19/10/2024
1,969
Câu 5:
Nếu hai mẫu định dạng CSS có trọng số bằng nhau cùng p dụng cho một phần tử thì trình duyệt sẽ ưu tiên dùng mẫu nào?
A. Ưu tiên áp dụng mẫu CSS có từ khóá limportant, nếu không có thì dùng mẫu đầu tiên trong danh sách.
B. Trình duyệt sẽ áp dụng mẫu định dạng có mô tả thuộc tính nhiều hơn.
C. Ưu tiên áp dụng mẫu đầu tiên.
D. Ưu tiên áp dụng mẫu cuối cùng.
Nếu hai mẫu định dạng CSS có trọng số bằng nhau cùng p dụng cho một phần tử thì trình duyệt sẽ ưu tiên dùng mẫu nào?
A. Ưu tiên áp dụng mẫu CSS có từ khóá limportant, nếu không có thì dùng mẫu đầu tiên trong danh sách.
B. Trình duyệt sẽ áp dụng mẫu định dạng có mô tả thuộc tính nhiều hơn.
C. Ưu tiên áp dụng mẫu đầu tiên.
D. Ưu tiên áp dụng mẫu cuối cùng.
Xem đáp án »
19/10/2024
1,308
Câu 6:
Cho mẫu định dạng :active { color: red ; }
Câu nào sau đây mô tả chức năng của mẫu định dạng trên?
A. Mẫu này không có tác dụng lên bất cứ phần tử nào của tệp HTML hiện thời.
B. Trong khi nhấn và giữ chuột lên cửa sổ trình duyệt thì toàn bộ chữ của trang web chuyển màu đỏ.
C. Sau khi nháy chuột lên cửa số trình duyệt thì toàn bộ chữ của trang web chuyến màu đỏ.
D. Khi di chuyển chuột lên lên cửa sổ trình duyệt thì toàn bộ chữ của trang web chuyển màu đỏ.
Cho mẫu định dạng :active { color: red ; }
Câu nào sau đây mô tả chức năng của mẫu định dạng trên?
A. Mẫu này không có tác dụng lên bất cứ phần tử nào của tệp HTML hiện thời.
B. Trong khi nhấn và giữ chuột lên cửa sổ trình duyệt thì toàn bộ chữ của trang web chuyển màu đỏ.
C. Sau khi nháy chuột lên cửa số trình duyệt thì toàn bộ chữ của trang web chuyến màu đỏ.
D. Khi di chuyển chuột lên lên cửa sổ trình duyệt thì toàn bộ chữ của trang web chuyển màu đỏ.
Xem đáp án »
19/10/2024
1,215
Câu 7:
Câu nào sau đây là đúng nhất về pseudo-element (phần tử giả)?
A. Phần tử giả là các phần tử HTML nhưng ảo, không hiển thị ngay trên màn hình.
B. Phần tử giả là các phần tử HTML đặc biệt do CSS thiết lập riêng.
C. Phần tử giả là tất cả các thành phần riêng biệt, độc lập của các phần tử HTML.
D. Phần tử giả được định nghĩa để mô tả một số phần, thành phần đặc biệt có ý nghĩa của các phần tử HTML, ví dụ dòng đầu tiên, chữ cái đầu tiên, các thành phần này có nhu cầu thiết lập định dạng riêng.
Câu nào sau đây là đúng nhất về pseudo-element (phần tử giả)?
A. Phần tử giả là các phần tử HTML nhưng ảo, không hiển thị ngay trên màn hình.
B. Phần tử giả là các phần tử HTML đặc biệt do CSS thiết lập riêng.
C. Phần tử giả là tất cả các thành phần riêng biệt, độc lập của các phần tử HTML.
D. Phần tử giả được định nghĩa để mô tả một số phần, thành phần đặc biệt có ý nghĩa của các phần tử HTML, ví dụ dòng đầu tiên, chữ cái đầu tiên, các thành phần này có nhu cầu thiết lập định dạng riêng.
Xem đáp án »
19/10/2024
1,079
🔥 Đề thi HOT:
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 19 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 23 có đáp án
-
Bộ 3 đề thi cuối kì 2 Tin 12 Cánh diều có đáp án - Đề 1
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 25 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 24 có đáp án
-
Trắc nghiệm tổng hợp Tin học năm 2023 có đáp án (Phần 4)
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 22 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Cánh diều Mô hình và các giao thức mạng có đáp án
Hãy Đăng nhập hoặc Tạo tài khoản để gửi bình luận
-
-
Bình luận