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

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 104 Tin học 12: Bài thực hành này áp dụng cho trang web portfolio.html.

Quảng cáo

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.

Lời giải:

<head>

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

<meta charset="utf-8">

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

<style> </style>

</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ỳ ý.

© Để làm cho các kí tự giãn cách với nhau, em chỉ định giá trị 4px cho thuộc tính letter-spacing.

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
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:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Nếu thấy hay, hãy động viên và chia sẻ nhé! Các bình luận không phù hợp với nội quy bình luận trang web sẽ bị cấm bình luận vĩnh viễn.


Giải bài tập lớp 12 Chân trời sáng tạo khác