TopStudy

Tin học · Lớp 12

Giải SGK Tin học 12 CTST Bài F8. Một số thuộc tính cơ bản của CSS có đáp án

14 câu · 21 phút · Ngân hàng đề TopStudy. Đáp án và lời giải do TopStudy biên soạn, mở ngay dưới từng câu.

Làm bài

Nội dung đề

Phần I. Tự luận

Câu 1

1 điểm
Đố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 định kiểu như thế nào? Hãy nêu những đặc điểm có thể định kiểu văn bản.
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Đố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 định kiểu như: màu sắc, phông chữ…

Câu 2

1 điểm
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 Các hoạt động đã tham gia với những giá trị khác cho các thuộc tính.
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Mã lệnh CSS để định kiểu cho những thành tích đạt được còn lại trong mục Các hoạt động đã tham gia với những giá trị khác cho các thuộc tính: ta dùng các thuộc tính color, font-family, font-size, font-style, font-weigth.

<<h1 style="color: #87e3cd;">Các hoạt động đã tham gia</h1>

Hình minh hoạ

Câu 3

1 điểm
Viết mã lệnh CSS để định kiểu cho các hoạt động đã tham gia thành chữ in hoa và khoảng cách giữa các kí tự là 2 pixcel.
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Thực hiên viết mã lệnh CSS để định kiểu cho các hoạt động đã tham gia thành chữ in hoa và khoảng cách giữa các kí tự là 2 pixcel:

<<h1style="color: #87e3cd; text-align: center; text-transformation">Các hoạt động đã tham gia</h1>

Câu 4

1 điểm
Em hãy định kiểu độ trong suốt của nền là 0.3 và quan sát kết quả
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Để định kiểu CSS cho nền, em sử dụng các thuộc tính background-color, background-image, opacity, background-repeat.

<<div style="background: #0; height: 100px>

<<ul>

…..

</ul>

</div>

Câu 5

1 điểm
Theo em, thay đổi các giá trị nào của vùng đệm thì phần văn bản nằm sát cạnh dưới của đường viền?
Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Thay đổi các giá trị padding-top; padding-right; padding-bottop; padding-left với các số đo đơn vị cụ thể là pixcel, em…của vùng đệm thì phần văn bản nằm sát cạnh dưới của đường viền.

Câu 6

1 điểm
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, nền, đường viền, lề và vùng đệm.
Xem đáp án và lời giải

Câu 7

1 điểm
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 cho những thành phần trong trang web.
Xem đáp án và lời giải

Câu 8

1 điểm
Theo em có những cách mô tả màu sắc nào trong mã lệnh CSS?
Xem đáp án và lời giải

Câu 9

1 điểm

Bài thực hành này áp dụng cho trang web portfolio.html.

Nhiệm vụ I. Định kiểu CSS cho văn bản và nền

Yêu cầu: Viết mã lệnh CSS để định kiểu cho phần Giới thiệu chung (Hình 7) theo các yêu cầu sau:

Các thông tin cá nhân được căn phải so với trang web.

Dùng một hình ảnh để làm nền cho phần thông tin cá nhân này. Hình ảnh đó phải phủ hết chiều ngang của trang web.

Hình minh hoạ

Xem đáp án và lời giải

Câu 10

1 điểm

Viết mã lệnh CSS để định kiểu khung và viên cho riêng từng mục của phần Sở thích (Hình 8), trong đó mỗi khung đều thoả các yêu cầu sau:

Đường viễn dày 1 pixel, màu xám và nền màu trắng.

Chiều cao là 30 pixels và độ rộng bằng một nửa độ Sở thích

rộng của trang web.

Bo tròn 4 góc.

Lê là 20 pixels và vùng đệm cho phần văn bản bên trong là 20 pixels.

Xem đáp án và lời giải

Câu 11

1 điểm
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.
Xem đáp án và lời giải

Câu 12

1 điểm

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 để được kết quả như Hình 9.

Hình minh hoạ

Xem đáp án và lời giải

Câu 13

1 điểm
Đố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 của ảnh để được kết quả như Hình 10
Xem đáp án và lời giải

Câu 14

1 điểm
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 kiểu cho những thành phần web trong bài học.
Xem đáp án và lời giải

Đề cùng chủ đề

Tất cả đề Bài F8. Một số thuộc tính cơ bản của CSS · Các bộ sách Tin học Lớp 12