
Bài: Làm quen với CSS
Khởi động trang 68 Tin học 12: Theo em, làm thế nào để trình bày các
đoạn văn, tiêu đề, nhãn trong trang web có cùng màu chữ?
Lời giải:
Muốn trình bày các đoạn văn, tiêu đề, nhãn trong trang web có cùng
màu chữ ta phải sử dụng cùng một kiểu định dạng.
Hoạt động trang 70 Tin học 12: Em hãy nêu một số thuộc tính định dạng
cho đoạn văn bản mà em đã dùng trong hệ soạn thảo văn bản Microsoft
Word?
Lời giải:
Một số thuộc tính định dạng cho đoạn văn bản mà em đã dùng trong hệ
soạn thảo văn bản Microsoft Word:
- Màu sắc
- Phông chữ
- Căn đoạn văn bản.
Luyện tập trang 73 Tin học 12: Em hãy soạn văn bản HTML có hai đoạn
văn bản được tạo bởi phần tử p. Khai báo và áp dụng interal CSS để
trình bày trang web có nền màu xanh lơ (cyan); đoạn văn bản có chữ
màu đỏ, phông chữ Arial, cỡ chữ 15 pixel.
Lời giải:
Code như sau:
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<meta charset="utf-8">
<style>
body {background-color: cyan}
p{}
p{font-size:15px;}
P{color:red;}
</style>
</head>
<body>
<p> Đoạn văn có màu đỏ </p>
</from>

</body>
</html>
Kết quả:
Vận dụng trang 73 Tin học 12: Em hãy chuyển các khai báo internal
CSS trong mục Luyện tập thành khai báo external CSS ghi lưu với tên
tệp “styles.css”, tạo mới văn bản HTML để áp dụng bảng định dạng
styles.css này.
Lời giải:
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<meta charset="utf-8">
<link rel="astylesheet" href="styles.css">
</head>
<body>
<p> Đoạn văn có màu đỏ </p>
</from>
</body>
</html>
Kết quả:

Câu hỏi trang 73 Tin học 12: Mỗi phát biểu sau đây về CSS là đúng hay
sai?
a) Sử dụng CSS giúp tách biệt khai báo nội dung với định dạng và trang
trí trang web.
b) Để áp dụng CSS, trong văn bản HTML phải khai báo tham chiếu đến
tệp CSS.
c) Sử dụng external CSS giúp cho nhiều trang web trong một website có
thể dùng chung kiểu định dạng và trang trí.
d) Khai báo CSS sử dụng bộ chọn phần tử: p{color-red; font-size:20px;}
là đúng cú pháp.
Lời giải:
a) Đúng.
b) Đúng.
c) Đúng.
d) Sai.

Bấm Tải xuống để xem toàn bộ.
Preview text:
Đoạn văn có màu đỏ