SGK Tin học 12 Cánh diều Bài 10. Bộ chọn lớp, bộ chọn định danh có đáp án

37 người thi tuần này 4.6 235 lượt thi 6 câu hỏi

🔥 Đề thi HOT:

773 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 19 có đáp án

5.5 K lượt thi 15 câu hỏi
544 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 23 có đáp án

2.6 K lượt thi 15 câu hỏi
389 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 24 có đáp án

1.9 K lượt thi 15 câu hỏi
387 người thi tuần này

Trắc nghiệm tổng hợp Tin học năm 2023 có đáp án (Phần 4)

4.5 K lượt thi 217 câu hỏi
380 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 25 có đáp án

1.5 K lượt thi 15 câu hỏi
367 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 22 có đáp án

2.5 K lượt thi 15 câu hỏi
291 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 16 có đáp án

2.9 K lượt thi 15 câu hỏi
290 người thi tuần này

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 20 có đáp án

2.5 K lượt thi 15 câu hỏi

Nội dung liên quan:

Danh sách câu hỏi:

Lời giải

Trong một trang web 5 đoạn văn bản, khai báo CSS để trình bày đoạn văn bản đầu tiên cuối cùng chữ màu đỏ, còn các đoạn văn bản còn lại màu xanh dương thì phải sử dụng bộ chọn lớp. 

Lời giải

thể sử dụng bộ chọn định danh (ID selector) để áp dụng quy tắc định dạng cho một phần tử đã được định danh trong văn bản HTML. Khi đó, bộ chọn định danh được xác định thông qua Tên_định danh của phần tử này được khai báo như sau: 

 

Lời giải

Gợi ý thực hiện. 

Mở tệp “style.css”: Khai báo bộ chọn lớp tên bg để thiết lập màu nền ( dụ: lighigrey). Khai báo bộ chọn định danh tên submit để trình bày màu của nút 

lệnh ( dụ: blue). 

- Bổ sung khai báo giá trị thuộc tính class cho phần tử body của các tệp “hobbies.html” “album.html” bg. 

- Bổ sung khai báo giá trị thuộc tính id cho nút lệnh submit trong tệp "index.html" submit. 

Code như sau: 

<!DOCTYPE html> 

<html> 

<head> 

<title>index</title> 

<meta charset="utf-8"> 

</head> 

<style> 

#tieu_de_muc-chinh {color: red;} 

body {background-color: cyan} 

p{ -webkit-tap-highlight-color: transparent; margin: 0px; padding: 0px; user-select: text;" data-ccp-parastyle="Normal (Web)">";} 

p{} 

P{color:red;} 

</style> 

<body> 

<ol> 

<h1 id="tieu_de_muc-chinh"> Kế hoạch học tập </h1> 

<p class="blue"> Giới thiệu về bản thân </p> 

<p class="blue"> Họ tên tôi : ...... Sinh ngày: 25/04/1985. Địa chỉ: Hà Nội </p> 

</ol> 

</body>  

</html> 

Kết quả như sau: 

Lời giải

Code như sau: 

<!DOCTYPE html> 

<html> 

<head> 

<title>index</title> 

<meta charset="utf-8"> 

</head> 

<style> 

#tieu_de_muc-chinh {color: red;} 

body {background-color: cyan} 

p{ -webkit-tap-highlight-color: transparent; margin: 0px; padding: 0px; user-select: text;">";} 

p{} 

P{color:red;} 

</style> 

<body> 

<ol> 

<h1 id="tieu_de_muc-chinh"> Kế hoạch học tập</h1> 

<p class="blue"> Giới thiệu về bản thân </p> 

<p class="blue"> Họ tên tôi : ...... Sinh ngày: 25/04/1985. Địa chỉ: Hà Nội</p> 

<p class="blue"> Tôi đang học lớp 12, Trường................. </p> 

</ol> 

</body>  

</html> 

Kết quả: Hài lòng khi làm được những nội dung web đơn giản. 

Câu 6

giáo yêu cầu khai báo áp dụng CSS dễ định dạng văn bản HTML nội dung như ở Hình 6a dể kết quả hiển thị trên trình duyệt web như ở Hình 6b. Sau khi tìm hiểu, các bạn học sinh đã đưa ra các giải pháp sau đây. Em hãy cho biết mỗi phát biểu sau đúng hay sai: 

 

a) Khai báo CSS sử dụng bộ chọn phần tử cho phần tử h1 nội dung văn bản HTML chỉ gồm các phần tử tiêu đề mục h1. 

b) Thực hiện các bước sau: 

Bước 1. Khai báo CSS sử dụng bộ chọn lớp để định dạng màu chữ khác với màu mặc định. 

<style> 

tieudel {color: red;} 

tieude2 {color: blue;} 

</style> 

Bước 2. Khai báo thuộc tính class= “tieudelcho các tiêu đề mục chữ màu đỏ, khai báo thuộc tính class= “tieude2” cho các tiêu đề mục chữ màu xanh. 

c) Thực hiện các bước sau: 

Bước 1. Khai báo CSS sử dụng bộ chọn định danh để định dạng tiêu đề mục chữ màu xanh, các tiêu đề khác sử dụng bộ chọn phần tử h1. 

<style> 

#tieudel {color: blue;} 

hl {color: red;} 

</style> 

Bước 2. Khai báo thuộc tính class = “tieudelcho tiêu đề mục chữ màu xanh. 

d) Thực hiện các bước sau: 

Bước 1. Kết hợp khai báo CSS sử dụng bộ chọn lớp, bộ chọn định danh: 

<style> 

tieudel {color: red;} 

#tieude2 {color: blue;} 

</style> 

Bước 2. Khai báo thuộc tính class=“tieudelcho các tiêu đề mục chữ màu đỏ, khai báo thuộc tính id= “tieude2” cho các tiêu đề mục chữ màu xanh. 

Lời giải

Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.

Nâng cấp VIP

4.6

47 Đánh giá

50%

40%

0%

0%

0%