Giải SBT Tin học 12 Cánh diều Bài 10. Bộ chọn lớp, bộ chọn định dạng có đáp án

Trả lời:

Khai báo CSS sau đây đúng cú pháp: B. tieude { }

Trả lời:

Khai báo CSS sau đây đúng cú pháp: C. #nutlenh {color: blue; background-color: grey;}

Trả lời:

Khai báo HTML sau đây sẽ áp dụng định dạng CSS trên:

D. $<$a href="https://www.w3schools.com" class="xanh">Học CSS </a>

Trả lời:

Khai báo siêu liên kết nào sau đây sẽ áp dụng định dạng CSS trên:

C.-ahref="https://www.htmlquick.com/tutorials.html" id="lienket">Hoc

HTML </a>

Trả lời:

Siêu liên kết sau đây được trình bay với phóng chữ Verdana, cỡ chữ 20 pixel và chữ có mâu đỏ:

D. $<$a href="https://web.dev/learn/css/" class="tieude lienket">Học CSS </a>

Trả lời:

Khai báo siêu liên kết sau đây được trình bày với phông chữ Verdana, cỡ chữ 20 pixel và chữ có màu đỏ:

C. $<$a href= https://www.learn-html.org/ id= "tieude" class="lienket"> Học HTML </a>

Trả lời:

Khai báo CSS sau đây sử dụng bộ chọn lớp:

B. tieude {color: red; }

Trả lời:

Đáp án đúng là: b) Khai báo tên bộ chọn định danh #p là hợp lệ.

Trả lời:

Khi lưu cư dụng bộ chọn lớp mầu sau đây dùng cả pháp:

B. h ">

Trả lời:

Khai báo CSS sử dụng bộ chọn định danh sau đây đúng cú pháp:

C. #hs ">

Trả lời:

Khai báo CSS sau đây sử dụng bộ chọn định danh A. h3 { color: grey;}

D. #dautrang background-color: yellow; ">

Trả lời:

Khai báo CSS sau đây đúng cú pháp”:

C. ht color: red; background-color: yellow;}

Trả lời:

Khai báo sau đây được sử dụng để định dạng phần tử p có chữ màu p vàng và phông chữ Verdana:

C. $<$p class =

“stylel style4” > Đoạn văn bản áp dụng tệp style.css</p> "style2 style3” > Đoạn văn bản áp dụng tệp style.css</p> "stylel style2” > Đoạn văn bản áp dụng tệp style.css</p>

Trả lời:

Khai báo sau đây được sử dụng để định dạng phần tử p có chữ màu xanh và phông chữ Courier New:

D. $<$p id="style3" class css</p> “style2” > Đoạn văn bản áp dụng tệp style.

Trả lời:

a) Sai

b) Sai

c) Đúng

d) Đúng.

Trả lời:

a) Đúng

b) Đúng

c) Sai.

d) Sai.

Trả lời:

a) Đúng

b) Sai

c) Sai. Vì chỉ ra phần tử a khai báo thuộc tính class=bold

d) Sai.

Trả lời:

a) Đúng

b) Đúng

c) Sai.

d) Đúng

Trả lời:

a) Đúng

b) Đúng

c) Sai.

d) Sai.

Trả lời:

Có 04 lỗi củ pháp trong tệp “default.css” trên. Thiếu ; sau giá trị bluee, không sử dụng dấu “=” khi gán giá trị cho thuộc tính, không sử dụng kí tự ^ cho tên bộ chọn, tên bộ chọn lớp co dấu cách.

Trả lời:

Bộ chọn lớp thường dùng để khai báo các quy tắc định dạng được áp dụng chung cho nhiều phần tử trong văn bản HTML. Bên cạnh đó bộ chọn lớp còn được sử dụng khi muốn tuỳ biến trình bày các nội dung được khai báo bằng cùng một loại phần tử.

Trả lời:

Bộ chọn định danh được dùng để khai báo các quy tắc định dạng chỉ áp dụng cho một phần tử cụ thể trong văn bản HTML.

Trả lời:

h2.blue { color: blue; font-weight: bold;}

h2.red {color: red; }

Trả lời:

.black{

color: black;

background-color: yellow;

} #khung

background-color: cyan;

}

border-style:solid; border-color: black;

Trả lời:

Bước 1. Tạo cấu trúc trang web

<!DOCTYPE html>

$<$html>

$<$head>

$<$meta charset="utf-8">

$<$title>F174</title>

</head>

$<$body>

</body>

</html>

Bước 2. Khai báo internal CSS trong nội dung phần tử head. $<$style>

h2.blue{color: blue; font-weight: bold;}

h2.red {color: red; }

.black{

color: black;

background-color: yellow;

}

#khung

background-color: cyan;

}

</style>

border-style:solid; border-color: black;

Bước 3. Khai báo nội dung sử dụng bộ chọn lớp trong phần tử body.

$<$h2 class=“blue”> Tiêu đề mục áp dụng bộ chọn lớp định dạng chữ màu xanh khai báo ở bài tập F172 </h2>

$<$h2 class=“red”> Tiêu đề mục áp dụng bộ chọn lớp định dạng chữ màu đỏ khai bảo ở bài tập F172</h2>

$<$h2 class="black"> Tiêu đề mục áp dụng bộ chọn lớp khai báo ở bài tập F173 </h2>

$<$p id=“khung”> Đoạn văn áp dụng bộ chọn định danh được khai báo ở bài tập F88 </p>

Bước 4. Chọn File\Save, ghi lưu tệp với tên “F174.html”.

Bước 5. Mở tệp bằng trình duyệt web và xem kết quả.