Giải SGK Tin học 12 CTST Bài F7. Giới thiệu CSS có đáp án

Trong trang web porfolio.html đã tạo ở bài học trước, em hãy trình bày cách bổ xung mã lệnh để các đề mục đánh dấu bằng thẻ <h1> được tô màu xanh.

Giả sử em muốn thay đổi màu sắc khác và đổ bóng để các đề mục nổi bật hơn. Có thuộc tính nào đáp ứng yêu cầu này không?

Em hãy trình bày một số lợi ích của CSS trong việc xây dựng các trang web.

Em hãy định kiểu cho kích thước phông chữ của các phần tử <h1> trong tệp portfolio.html là 60 pixel. Gợi ý: Sử dụng thuộc tính trị là 60px.

Em hãy thay đổi màu cho riêng đề mục Giới thiệu chung từ màu xanh sang một màu sắc tuỳ ý.

Giả sử trong tệp .css, mã lệnh được viết là h1 {color: red;}, còn trong tệp .html, thẻ <h1> được viết là <h1 style="color: blue"). Khi hiển thị, để mục hi này sẽ có màu gì?

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.

Chèn mã lệnh CSS để định kiểu cho lên của mình trong trang web portfolio.html với màu sắc, kích thước, hiệu ứng độ bóng và khoảng cách của các kí tự tuỳ ý sao cho nổi bật và đẹp mắt.

Chèn mã lệnh CSS để tô màu xanh cho hàng tiêu đề của bảng trong Nhiệm vụ 2 ở THỰC HÀNH đồng thời thay đổi màu chữ thành màu trắng.

Chèn mã lệnh CSS để định kiểu cho các mục <li> của các danh sách <ul> sao cho: Các mục được đánh dấu đầu dòng bằng biểu tượng đĩa tròn; phần nội dung của mỗi mục được tô nền vàng nhạt và đóng khung viền vàng đậm, bo tròn 4 góc.