Bài tập  /  Bài đang cần trả lời

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ử

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

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.

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ử

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

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.

1 trả lời
Hỏi chi tiết
9
0
0
Đặng Bảo Trâm
10/09 22:24:24

* Trong thẻcủa tập portfolio.html, em tạo cặp thẻ

@ Để đị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-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ẻnhư sau:

h1 {

}

font-weight: bold;

color: #0088bd;

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

letter-spacing: 4px;

Nhiệm vụ 2. Định kiểu CSS cho bảng

Yêu cầu: Viết mã lệnh CSS để định kiểu bảng Lịch sinh hoạt hằng tuần thoả các yêu cầu: Bảng có chiều rộng chiếm 75% chiều rộng của trang web và có đường viên nét liền màu xanh dày 2 pixels.

Hàng tiêu để có chiều cao là 32 pixels, phần văn bản được căn giữa theo phương dọc, phương ngang và in hoa tất cả kí tự.

Các hàng còn lại có chiếu cao là 48 pixels, phần văn bản được căn trái theo phương ngang và căn giữa theo phương dọc. Các hàng được tổ màu xen kẽ theo thứ tự chẵn lẻ.

Hướng dẫn:

Đ Trước hết ta chèn thêm hai hàng vào bảng bằng mã lệnh HTML để bảng có 5 hàng, gồm một hàng tiêu để và bốn hàng ứng với các buổi sáng, trưa, chiều và tối (Hình 2).

Em chèn trực tiếp thuộc tính CSS là style vào các thẻ HTML trong tệp portfolio.html, đồng thời chỉ định các thuộc tính và giá trị tương ứng theo yêu cầu. Cụ thể như sau:

Thẻ

được bổ sung mã lệnh CSS thành:

Thuộc tính width được chỉ định là 75% sẽ giúp chiều rộng của bảng thay đổi linh hoạt theo cửa sổ hiển thị trang web.

Đường viên của bảng có độ dày là 2px, đường thẳng nét, mã màu là #9988bd. 'The

của hàng tiêu để được bổ sung mã lệnh CSS thành

height là thuộc tỉnh chiều cao của hàng.

text-align và vertical-align là thuộc tính dùng để căn giữa lần lượt theo phương ngang và theo phương dọc.

text-transform là thuộc tính được chỉ định giá trị uppercase để in hoa toàn bộ kí tự. Các thẻ

của các hàng còn lại em bổ sung:

Thuộc tính height với giá trị 48px để định kiểu cho chiều cao; thuộc tính text-align với giá trị left để căn trái theo phương ngang; thuộc tỉnh vertical-align với giá trị center để căn giữa theo phương dọc.

Đối với các hàng lê (buổi sáng và chiếu), em bổ sung thuộc tính background-color để tô màu xanh lá (mã màu #d6fae4) cho hàng; dối với các hàng chẵn (buổi trưa và tối), em chỉ định giá trị màu khác là xám (mã màu #f1f274),

Như vậy, thẻ

của các hàng lẻ là:

Thẻ

của các hàng chẵn là:

Mở trang web để xem kết quả hiển thị như Hình 3.

Mở khóa để xem toàn bộ nội dung trả lời

(?)
Bạn đã đạt đến giới hạn của mình. Bằng cách Đăng ký tài khoản, bạn có thể xem toàn bộ nội dung trả lời
Cải thiện điểm số của bạn bằng cách đăng ký tài khoản Lazi.
Xem toàn bộ các câu trả lời, chat trực tiếp 1:1 với đội ngũ Gia sư Lazi bằng cách Đăng nhập tài khoản ngay bây giờ
Tôi đã có tài khoản? Đăng nhập

Bạn hỏi - Lazi trả lời

Bạn muốn biết điều gì?

GỬI CÂU HỎI
Học tập không giới hạn cùng học sinh cả nước và AI, sôi động, tích cực, trải nghiệm
Tham gia Cộng đồng Lazi trên các mạng xã hội
Fanpage: https://www.fb.com/lazi.vn
Group: https://www.fb.com/groups/lazi.vn
Kênh FB: https://m.me/j/AbY8WMG2VhCvgIcB
LaziGo: https://go.lazi.vn/join/lazigo
Discord: https://discord.gg/4vkBe6wJuU
Youtube: https://www.youtube.com/@lazi-vn
Tiktok: https://www.tiktok.com/@lazi.vn
Bài tập liên quan
Bài tập Tin học Lớp 12 mới nhất

Hôm nay bạn thế nào? Hãy nhấp vào một lựa chọn, nếu may mắn bạn sẽ được tặng 50.000 xu từ Lazi

Vui Buồn Bình thường

Học ngoại ngữ với Flashcard

×
Trợ lý ảo Trợ lý ảo