Trang chia sẻ ước mơ nghề nghiệp

Cho đoạn HTML bài viết dưới đây. Em hãy viết CSS hoàn chỉnh đáp ứng đúng các yêu cầu sau, chú ý vận dụng tính kế thừa để không lặp lại thuộc tính không cần thiết:

• Khung bao ngoài toàn bài viết (lớp bai-viet): màu chữ xám đậm (mã #333333), khung viền dày 2px kiểu liền màu đen, chiều rộng 600px, vùng đệm 15px, lề khung 20px. Các thẻ h1, h2, p bên trong đều kế thừa màu chữ này, không cần đặt lại thuộc tính color ở từng thẻ con.
• Tiêu đề chính h1: cỡ chữ 180%, in đậm, khung viền dày 3px kiểu liền màu xanh lá, vùng đệm 8px (khung không có tính kế thừa nên phải đặt riêng).
• Các tiêu đề phụ h2: khung viền dày 1px kiểu đường đứt (dashed) màu xám, vùng đệm 5px, lề khung 10px; không đặt lại màu chữ vì đã kế thừa từ khung ngoài.
• Riêng tiêu đề phụ có mã định danh ly-do: có thêm màu nền vàng nhạt (#fff9c4) để nổi bật hơn các tiêu đề phụ khác.
• Từ ngữ nhấn mạnh bằng thẻ strong: màu chữ đỏ.
• Từ ngữ nhấn mạnh bằng thẻ em: màu chữ xanh dương.