Giải SBT Tin học 12 Cánh diều Bài 8. Làm quen với CSS có đáp án

Trả lời:

Phần tử sau đây style được dùng để khai bảo internal CSS. Vậy đáp án đúng là: C. style

Trả lời:

Khai báo sau đây $<$link rel= "stylesheet" href="main.css"> được dùng để áp dụng các định dạng CSS được khai báo trong tệp “main.css’. Vậy đáp án đúng là: C. $<$link rel= "stylesheet" href="main.css">

Trả lời:

Khai báo định dạng sau đây p{color:red; } đúng cú pháp. Vậy đáp án đúng là: D. p{color:red; }

Trả lời:

Khai báo định dạng sau đây h2{color: red; } đúng cú pháp. Vậy đáp án đúng là: D. h2{color: red; }

Trả lời:

Khai báo định dạng sau đây h4 {background-color: yellow;} đúng cú pháp. Vậy đáp án đúng là: A. h4 {background-color: yellow;}

Trả lời:

Khai báo định dạng sau đây hl{font-weight:bold;} đúng cú pháp. Vậy đáp án đúng là: B. hl{font-weight:bold;}

Trả lời:

Khai báo định dạng sau đây đúng cú pháp: C. a {color: blue; }

Trả lời:

Có 03 lỗi, đó là: Thiếu dấu “;” sau blue; ngăn cách thuộc tính trong bộ chọn h1 phải là dấu “;”; ngăn cách giữa các bộ chọn a và h2 phải là dấu “,”. Vậy đáp án đúng là: C. 3.

Trả lời:

Định dạng phần tử h1 khi hiển thị trên màn hình trình duyệt web như sau:

A. Phông chữ Arial, cỡ chữ 20 pixel, có đường viền màu đỏ, nền tô màu vàng.

Trả lời:

Khai báo CSS sau đây sẽ thiết lập siêu liên kết chữ có màu đỏ, cỡ chữ 15 pixel: D. a {color: red; }

Trả lời:

Khai báo CSS sau đây sẽ thiết lập các phần tử h4, h5 cùng sử dụng chung định dạng: B. h4, h5 {color: grey; border-style: solid;}

Trả lời:

a) Đúng

b) Sai

c) Đúng

d) Sai

Trả lời:

a) Đúng

b) Sai. Vì áp dụng cho mọi phần tử

c) Đúng

d) Đúng

Trả lời:

a) Sai – Thiếu dấy phẩy phân tách hai bộ chọn phần tử h2, h3.

b) Đúng.

c) Sai – Không có phần tử tên tieude.

d) Sai – Phân cách giữa a và img viết sai cú pháp.

Trả lời:

a) Sai.

b) Đúng.

c) Đúng.

d) Sai.

Trả lời:

a) Đúng.

b) Đúng.

c) Đúng.

d) Sai - Không bắt buộc nhưng thường được khai báo trong nội dung phần tử head.

Trả lời:

Thuộc tính CSS color được dùng để thiết lập màu chữ.

Trả lời:

Thuộc tính CSS background-color. được dùng để thiết lập màu nền.

Trả lời:

Thuộc tính CSS ng để thiết lập phông chữ.

Trả lời:

Cụm từ phù hợp điền vào chỗ chấm (... ) là: “đường viền màu đen liền nét đậm”.

Trả lời:

Thuộc tính border-style thiết lập kiểu hiển thị đường viền bao quanh phần tử. Phiên bản CSS hiện tại cung cấp 10 kiểu thiết lập đường viền khác nhau. dotted, dashed, solid, double là các giá trị thường được sử dụng.

Trả lời:

p {border-style: solid; border-width: 4px; border-color: blue;} hoặc sử dụng dạng viết gộp p{ border: 4px solid blue;}, khi đó giá trị của thuộc tính border được viết dưới dạng: border: border-width border-style (bắt buộc)

border-color.

Trả lời:

h1 {color:red; }

p {background-color: grey; border-style: solid; border-color: blue; }

Trả lời:

Hướng dẫn thực hiện

Bước 1. Khai báo cấu trúc trang web

<!DOCTYPE html

$<$html>

$<$head>

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

$<$title>F146</title>

</head>

$<$body> </body>

</html>

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

h1 { color: red;}

p {background-color: grey; border-style: solid; border-color: blue; }

</style>

Bước 3. Khai báo nội dung trong phần tử body.

$<$h1> Các điểm cực Việt Nam</h1>

$<$p>Việt Nam có 6 điểm cực, trong đó 4 điểm đất liền và 2 điểm trên tra Trong 4 điểm đất liền, có điểm cực Bắc (Lũng Cú, Hà Giang và điểm cực Tây (A Pa Chải, Điện Biên) nằm trong đất liền. Điểm cực Nam Đất M Cà Mau) và điểm cực Đông (Mũi Đôi, Khánh Hoa ) tiếp cận biến. Hai điểm cực trên biển là Hòn Đá Lê (Cà Mau) và hải đăng đảo Tiên Nữ Khánh Hoà nằm ở biển Tây Nam và quần đảo Trường Sa của Việt Nam. $<$p> $<$em>(Nguồn: https://thanhnien.vn)</em>

Bước 4. Chọn File Save, ghi lưu tệp với tên “F146 htm. Bước 5. Mở tệp bằng trình duyệt web và xem kết quả

Trả lời:

Hướng dẫn thực hiện:

Bước 1. Mở tệp “F146.html” và ghi lưu với tên tệp mới “F147bf. Bước 2. Tạo tệp “style.css” và lưu cùng thư mục chứa tập F17h. Bước 3. Soạn nội dung tệp “styles.css" và ghi hu

h1 {color:blue; background-color: yellow;}

p {background-color: lightgrey; border-style: dashed border-color: red;}

Bước 4. Mở tệp “F147.html”, bổ sung khai báo liên kết đến tệp “style.css” trong phần tử head.

$<$link rel="stylesheet" href="style.css">

Bước 5. Chọn File\Save, ghi lưu tệp.

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