Giải SBT Tin học 12 Định hướng Khoa học máy tính Chân trời sáng tạo Bài F8. Một số thuộc tính cơ bản của CSS
5 câu hỏi
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.
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"?
ho 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>?
- 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.
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.
– 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.
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ơ.
- Đặt bài thơ vào thẻ <div> như sau:
<div style=" color: #ffecb4; 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;
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>
