Em hãy định kiểu cho các thông tin cá nhân bằng phông chữ Georgia

Giải Tin học 12 Bài F8: Một số thuộc tính cơ bản của CSS - Chân trời sáng tạo

Vận dụng 1 trang 115 Tin học 12: Em hãy định kiểu cho các thông tin cá nhân bằng phông chữ Georgia, họ tên có kích thước 24 pt, các thông tin còn lại có kích thước 20 pt.

Lời giải:

Thực hiện định kiểu cho các thông tin cá nhân bằng phông chữ Georgia, họ tên có kích thước 24 pt, các thông tin còn lại có kích thước 20 pt.

- Em đặt các thông tin cá nhân vào cặp thẻ <div>/div>.

Để căn phải cho phần thông tin cá nhân, trong thuộc tính style của thẻ <div>, em chỉ định giá trị cho thuộc tính text-align là right.

- Giả sử tệp ảnh làm nền có tên là hinhnen.jpg.

Để tạo nền là ảnh, em viết thêm một cặp thẻ <div></div> bên ngoài phần mã lệnh trên và chỉ định giá trị cho thuộc tính background-image là tệp ảnh đặt trong hàm url().

Đoạn mã CSS được viết như sau:

<h1>Giới thiệu chung</h1>

<div style="background-image: url('hinh_nen.jpg'); background-size: cover;">

<div style="color: #ffffff; text-align: right; height: 540px; padding: 50px 100px;"> <p>...</p>

</div>

</div>

Lời giải bài tập Tin học 12 Bài F8: Một số thuộc tính cơ bản của CSS hay khác:

• Khởi động trang 108 Tin học 12: Đối với mỗi nội dung là văn bản trong trang web, em có thể thực hiện những ....

• Hoạt động trang 109 Tin học 12: Viết mã lệnh CSS để định kiểu cho những thành tích đạt được còn lại trong mục ....

• Hoạt động trang 110 Tin học 12: Viết mã lệnh CSS để định kiểu cho các hoạt động đã tham gia thành chữ in hoa ....

• Hoạt động trang 111 Tin học 12: Em hãy định kiểu độ trong suốt của nền là 0.3 và quan sát kết quả ....

• Hoạt động trang 113 Tin học 12: Theo em, thay đổi các giá trị nào của vùng đệm thì phần văn bản ....

• Luyện tập 1 trang 113 Tin học 12: Em hãy kể tên một số thuộc tính dùng để định kiểu phông chữ, văn bản, ....

• Luyện tập 2 trang 113 Tin học 12: Thảo luận với bạn và nêu một số đơn vị có thể được dùng để định kiểu kích thước ....

• Luyện tập 3 trang 113 Tin học 12: Theo em có những cách mô tả màu sắc nào trong mã lệnh CSS? ....

• Thực hành trang 114 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 văn bản và nền ....

• Thực hành trang 114 Tin học 12: Bài thực hành này áp dụng cho trang web portfolio.html. Nhiệm vụ 2: Định kiểu CSS cho đường viền, lề và vùng đệm ....

• Vận dụng 2 trang 115 Tin học 12: Thực hiện tăng hoặc giảm tuỳ ý độ trong suốt của ảnh nền ở mục Giới thiệu chung ....

• Vận dụng 3 trang 116 Tin học 12: Đối với mỗi ảnh trong mục Nội dung yêu thích, hãy định kiểu bo tròn 4 góc ....

• Vận dụng 4 trang 116 Tin học 12: Em hãy tìm hiểu thêm những thuộc tính và giá trị khác có thể dùng để định ....

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:

• Tin học 12 Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

• Tin học 12 Bài F10: Định kiểu CSS cho siêu liên kết và danh sách

• Tin học 12 Bài F11: Định kiểu CSS cho bảng và phần tử <div>

• Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu

• Tin học 12 Bài F13: Dự án tạo trang web (tiếp theo)

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

• Giải sgk Tin học 12 Chân trời sáng tạo
• Giải Chuyên đề Tin học 12 Chân trời sáng tạo
• Giải SBT Tin học 12 Chân trời sáng tạo
• Giải lớp 12 Chân trời sáng tạo (các môn học)
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Cánh diều (các môn học)

---