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
29 người thi tuần này 4.6 357 lượt thi 6 câu hỏi
🔥 Đề thi HOT:
15 câu Trắc nghiệm Tin học 12 Cánh diều Giới thiệu trí tuệ nhân tạo có đáp án
5.7 K lượt thi
15 câu hỏi
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
2.3 K lượt thi
15 câu hỏi
15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài A1 có đáp án
1.3 K lượt thi
15 câu hỏi
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức có đáp án
4.4 K lượt thi
15 câu hỏi
Trắc nghiệm Tin học 12 Bài 1 (có đáp án): Một số khái niệm cơ bản
8.7 K lượt thi
10 câu hỏi
15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài B1 có đáp án
1.1 K lượt thi
15 câu hỏi
15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài B4 có đáp án
451 lượt thi
15 câu hỏi
Trắc nghiệm Tin học 12 Bài 12 (có đáp án): Các loại kiến trúc của hệ cơ sở dữ liệu
1.9 K lượt thi
10 câu hỏi
Nội dung liên quan:
Danh sách câu hỏi:
Lời giải
- Bố cục của 2 trang web này giống nhau: đều có menu ngang, bố cục theo 3 cột dọc.
Lời giải
Trên một dòng của màn hình trình duyệt web không thể thể hiện thị nhiều phần tử HTML được. Vì theo mặc định, mỗi phần tử HTML sẽ được xác định kiểu hiện thị theo khối hoặc theo dòng. Với cách hiển thị theo khối, mỗi phần tử được hiển thị trên một dòng mới. Ngược lại, với cách hiển thị theo dòng, nhiều phần tử có thể được hiển thị trên cùng một dòng.
Lời giải
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.
Lời giải
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ả:
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.
Nhắn tin Zalo