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>
Bài thực hành này áp dụng cho trang web portfolio.html.
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.
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;
Lời giải bài tập Tin học 12 Bài F7: Giới thiệu CSS hay khác:
Khởi động trang 134 Tin học 12: Trong trang web porfolio.html đã tạo ở bài học trước ....
Hoạt động 1 trang 136 Tin học 12: Em hãy định kiểu cho kích thước phông chữ của ....
Hoạt động 2 trang 136 Tin học 12: Em hãy thay đổi màu cho riêng đề mục Giới thiệu ....
Luyện tập 1 trang 137 Tin học 12: Theo em, HTML và CSS khác nhau ở điểm nào? ....
Luyện tập 2 trang 137 Tin học 12: Em hãy mô tả các cách chèn mã lệnh CSS vào trang web ....
Luyện tập 3 trang 137 Tin học 12: Giả sử trong tệp .css, mã lệnh được viết là h1 ....
Vận dụng 1 trang 140 Tin học 12: Chèn mã lệnh CSS để định kiểu cho lên của mình ....
Vận dụng 2 trang 140 Tin học 12: Chèn mã lệnh CSS để tô màu xanh cho hàng tiêu đề của bảng ....
Vận dụng 3 trang 140 Tin học 12: Chèn mã lệnh CSS để định kiểu cho các mục ....