Bài thực hành này áp dụng cho trang web portfolio.html. Nhiệm vụ 1. Định kiểu CSS cho các phần tử <h1>

Sổ tay toán lý hóa 12 chỉ từ 29k/cuốn

Trang trước Trang sau

Giải Tin học 12 Bài F7: Giới thiệu CSS - Chân trời sáng tạo

Thực hành trang 137 Tin học 12: Bài thực hành này áp dụng cho trang web portfolio.html.

Nhiệm vụ 1. Định kiểu CSS cho các phần tử <h1>

Yêu cầu: Viết mã lệnh CSS để định kiểu cho các phần tử <h1> thoả các yêu cầu:

Phòng chủ là Arial, kích thước 32 pt và in đậm.

Màu chữ là xanh dương, có độ bóng.

Độ giãn cách giữa các kí tự là 4 pixels.

Quảng cáo

Lời giải:

<head>

* Trong thẻ <head> của tập portfolio.html, em tạo cặp thẻ <style>/style>.

<title>Trang web cá nhân</title

</head>

@ Để định kiểu cho phông chữ, kích thước và in đậm cho th1>, em sử dụng lần lượt các thuộc tỉnh CSS là font-family, font-size và font-weight với các giá trị lần lượt là Arial, 32pt và bold.

Ô Dê tô màu xanh và đổ bóng cho để mục, em sử dụng thuộc tỉnh CSS là color và text-shadow như Ví dụ I với giá trị tuỳ ý.

Như vậy, đoạn mã CSS cho để mục /1 được viết trong cặp thẻ <style></style> như sau:

h1 {

}

font-family: Arial;

font-size: 32pt;

font-weight: bold;

color: #0088bd;

text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);

letter-spacing: 4px;

Quảng cáo

Lời giải bài tập Tin học 12 Bài F7: Giới thiệu CSS hay khác:

Quảng cáo

Xem thêm lời giải bài tập Tin học lớp 12 Chân trời sáng tạo hay nhất, ngắn gọn khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Tài liệu cho giáo viên: Giáo án, powerpoint, đề thi giữa kì cuối kì, đánh giá năng lực, thi thử THPT, HSG, chuyên đề, bài tập cuối tuần..... độc quyền VietJack, giá hợp lí

Sách VietJack thi THPT quốc gia 2025 cho học sinh 2k7:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official