SGK Tin học 12 Cánh diều Bài 11. Mô hình hộp, bố cục trang web có đáp án

Bước 1. Tạo tệp “Bài 10-NV1.css”

Mở phần mềm Sublime Text.

Tạo tệp mới và ghi lưu với tên Bài10-NV1.css.

Bước 2. Khai báo các quy tắc định dạng CSS như sau:

.blue {coler: steelblue;}

.red {coler: darkred;}

.orangered {font-family: “verdana”; -webkit-tap-highlight-color: transparent; margin: 0px; padding: 0px; user-select: text; background-repeat: repeat-x; background-position: left bottom; background-image: var(--urlSpellingErrorV2, ); border-bottom: 1px solid transparent;">orangered:}

input.yellow {background-color: yellow; } input.blue {background-color: blue; color: white;}

P{margin: 30px;}

p.custom-boder {padding: 20px; boder-style:solid;}

Bước 3. Ghi lưu tệp.

Code như sau:

<!DOCTYPE html>

$<$html> $<$head>

$<$title>Xác định vị trí tuyệt đối</title> $<$meta charset="utf-8">

$<$style>

region {padding: 20px; border-style: solid;}

.header {background-color: Lightcyan;}

navigation_menu{background-color: Lightgray; height: 50px;} .content {background-color: Lightsalmon; height: 300px;} .footer {background-color: Lightgray;}

</style>

</head>

$<$body>

$<$div class="header region">Phần đầu trang</div>

$<$div class="navigation_menu region">Thanh điều hướng</div> $<$div class="content region">Phần nội dung</div> $<$div class="footer region">Phần chân trang</div>

</body>

</html>

Kết quả:

a) Sai

b) Sai

c) Sai

d) Đúng