Thực hành hai mẫu định dạng văn bản

Giải nén bộ mẫu. bai_doc.html và mau_b.html có cùng nội dung bài đọc riêng của BTVN, dùng lần lượt mau_a.css và mau_b.css. Các trang còn lại giúp thử phông chữ, đơn vị, dòng, trang trí, kế thừa, thứ tự và phần mở rộng. Nhiệm vụ là chỉnh hai tệp CSS theo yêu cầu rồi kiểm kết quả trên cùng nội dung. Không cần tải phông hoặc dùng bài hát/bài đọc bên ngoài để hoàn thành.

```css body { font-family: sans-serif; font-size: 18px; } h1, h2 { font-size: 20px; color: navy; text-align: center; } p { text-align: justify; text-indent: 2em; line-height: 1.5; } strong, em { font-size: 100%; } ``` Mở mau_b.html: h1/h2 cỡ 20px, màu navy, căn giữa. p nhận họ sans-serif và cỡ 18px từ body; dòng đầu thụt 36px, chiều cao dòng 27px, căn đều hai bên. strong và em có cỡ 100% theo cha nhưng vẫn giữ kiểu đậm/nghiêng mặc định. Đối chiếu hai trang để thấy nội dung chữ giữ nguyên, còn định dạng thay đổi. Số dòng có thể khác do cỡ chữ, phông và độ rộng cửa sổ.

1. Mở hai HTML bằng trình soạn thảo, đối chiếu head có link đúng tới tệp CSS tương ứng. Mở hai CSS và xác định từng quy tắc cho body, h1/h2, p, strong/em. 2. Trên bản sao bai_doc.html, đổi href từ mau_a.css thành mau_b.css, lưu UTF-8 rồi tải lại. Trang phải chuyển sang cách trình bày B mà không cần sửa lời văn trong body. 3. Thử đổi riêng màu tiêu đề hoặc line-height của p, lưu rồi quan sát. Nếu p18px và line-height: 1.5 thì vẫn tính 27px; nếu thay hệ số thì tính lại từ 18px. 4. Mở các trang đơn vị, kế thừa và ưu tiên để đối chiếu với các bài trước. Thử mo_rong.html bằng cách thay một khai báo mỗi lần. 5. Kiểm lại ở cửa sổ rộng và hẹp: chữ tiếng Việt rõ, nội dung đầy đủ, đường dẫn CSS đúng và định dạng đạt yêu cầu. Giữ bản A/B ban đầu để đối chiếu khi cần tìm lỗi.