Yêu cầu: Tạo tệp “style.css” và khai báo các định dạng CSS sau:
- Màu chữ tiêu đề h2 màu đỏ.
- Chữ của đoạn văn bản in đậm, màu darkred.
- Chữ của các nhãn có màu blue.
- Biểu mẫu được tô màu nền lightcyan.
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 ý
Trả lời:
Hướng dẫn thực hiện
Bước 1. Mở tệp mới trong Sublime Text.
Bước 2. Soạn nội dung và ghi lưu với tên tệp “Bai9-style.css”.
h2 {color: red;}
p {font-weight: bold; color: darkred;}
label {color: blue;}
form {background-color: lightcyan;}
Câu 2
1 điểm
Áp dụng khai báo
CSS vào trang web. Yêu cầu: Em hãy áp dụng định dạng được khai báo trong tệp “style.css trong bài F148 cho biểu mẫu đã tạo ở bài F122 để trình bày biểu mẫu “Đăng kí mua vé trực tuyến” hiển thị trên màn hình trình duyệt web như Hình 1.
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 ý
Trả lời:
Hướng dẫn thực hiện
Bước 1. Mở tệp “F122.html” và ghi lưu với tên tệp mới “F149.html” cùng thư mục chứa tệp “style.css”.
Bước 2. Khai báo liên kết đến tập external CSS trong nội dung phần tử head của tệp “F149.html”.
<link rel="stylesheet" href="style.css">
Bước 3. Chọn File\Save, ghi lưu tệp.
Bước 4. Mở tệp bằng trình duyệt web và xem kết quả.