Nội dung bài viết

    Xem thêm

    Sách bài tập Tin học 12 Bài F8 (Chân trời sáng tạo): Một số thuộc tính cơ bản của CSS

    Với giải sách bài tập Tin học 12 Bài F8: Một số thuộc tính cơ bản của CSS sách Chân trời sáng tạo hay nhất, chi tiết sẽ giúp học sinh dễ dàng làm bài tập trong SBT Tin học 12 Bài F8.

    1 232 16/07/2025
    Trang trước
    Chia sẻ
    Trang sau  

    Giải SBT Tin học 12 Bài F8: Một số thuộc tính cơ bản của CSS

    Câu F8.1 trang 51 SBT Tin học 12: Ghép mỗi thuộc tính ở cột bên trái với một giá trị ở cột bên phải cho phù hợp.

    Ghép mỗi thuộc tính ở cột bên trái với một giá trị ở cột bên phải cho phù hợp

    Lời giải:

    1-c; 2-d; 3-a; 4-b

    Câu F8.2 trang 51 SBT Tin học 12: Cho mã lệnh CSS như sau:

    a) pixel, point, em.

    b) Arial, Times New Roman, Georgia.

    c) normal, italic, oblique.

    d) bold, bolder, lighter, 500, 600, 700.

    <p style="text-decoration: underline overline line-through;"> Cascading Style Sheets</p>

    Có bao nhiêu đường gạch được hiển thị đối với dòng chữ “Cascading Style Sheets"?

    Lời giải:

    Có ba đường gạch gồm: gạch trên, gạch ngang thân (gạch bỏ) và gạch chân được hiển thị đối với dòng chữ “Cascading Style Sheets".

    Câu F8.3 trang 52 SBT Tin học 12: Cho mã lệnh CSS như sau:

    <div style="background-image: url('hinh.PNG'); background-repeat: repeat-x; width: 1200px; height: 600px;"></div>

    Giả sử kích thước của tệp hinh.PNG là 512x512 pixels. Hỏi kích thước của hình ảnh trong tệp hinh.PNG sẽ được hiển thị như thế nào trong phần tử

    <div>?

    Lời giải:

    - Về độ cao: độ cao của thẻ <div> là 600 mà độ cao của ảnh là 512. Như vậy, độ cao của thẻ <div> phủ được độ cao của ảnh.

    - Về độ rộng: 1200 / 512 = 2.3. Như vậy, độ rộng của thẻ <div> gấp hơn 2 lần độ rộng của ảnh.

    Mặt khác, thuộc tỉnh background-repeat: repeat-x làm cho ảnh nền được lặp lại theo phương ngang.

    Câu F8.4 trang 52 SBT Tin học 12: Cho mã lệnh CSS như sau:

    <div style="border: 2px solid blue; width: 400px; padding: 20px 30px; margin: 15px 48px 20px 18px">JavaScript là ngôn ngữ lập trình để tạo trang web tương tác</div>

    Em hãy điền vào Hình 1 kích thước của các thành phần trong thẻ <div> Biết rằng phần văn bản có độ cao là 24 pixels.

    Cho mã lệnh CSS như sau: Em hãy điền vào Hình 1 kích thước của các thành phần trong thẻ

    Lời giải:

    – Padding gồm có hai số: số đầu dành cho top và bottom, số còn lại dành cho left và right.

    – Margin gồm có bốn số theo thứ tự: top, right, bottom, left.

    Cho mã lệnh CSS như sau: Em hãy điền vào Hình 1 kích thước của các thành phần trong thẻ

    Câu F8.5 trang 52 SBT Tin học 12: Hãy định kiểu cho tệp baitho.html trong Bài F7.5 theo những yêu cầu sau:

    a) Thiết đặt phông chữ Times New Roman, cỡ chữ lớn và màu sắc tuỳ ý. b) Tạo nền cho bài thơ gốc là một tệp ảnh tuỳ ý tìm trên Internet sao cho có những hình ảnh liên quan đến nội dung bài thơ.

    c) Tạo hiệu ứng đổ bóng cho tựa đề bài thơ.

    Lời giải:

    - Đặt bài thơ vào thẻ <div> như sau:

    <div style=" color: #ffecb4; font-size: 1.8em; width: 100%;">

    <h2>Nguyên Tiêu - Hồ Chí Minh</h2>

    <p>...</p>

    <p>...</p>

    <p>...</p>

    <p>...</p>

    </div>

    - Để tạo nền bằng ảnh, em đặt thẻ <div> trên vào trong một thẻ <div> khác như sau:

    <div

    style="background-image:

    url('moon.jpg');

    position: bottom; height: 450px; padding: 20px 0;">

    background-

    <div style=" color: #ffecb4;

    font-size: 1.8em; width: 100%;">

    </div>

    </div>

    Đổ bóng cho tựa bài thơ như sau:

    <h2 style="margin-right: 50%; text-align: right; text-shadow: 2px 3px 1px rgba(241, 236, 236, 0.5);">Nguyên Tiêu - Hồ Chí Minh</h2>

    Xem thêm lời giải Sách bài tập Tin học lớp 12 bộ sách Chân trời sáng tạo hay, chi tiết khác:

    Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Bài F10: Định kiểu CSS cho siêu liên kết và danh sách

    Bài F11: Định kiểu CSS cho bảng và phần tử <div>

    Bài F12: Định kiểu CSS cho biểu mẫu

    Bài F13: Dự án tạo trang web (tiếp theo)

    Tham khảo các loạt bài Tin học 12 khác:

    Bài viết cùng lớp mới nhất

    Xem thêm
    1 232 16/07/2025
    Trang trước
    Chia sẻ
    Trang sau  

    Xem thêm các chương trình khác: