Cách sử dụng XML với CSS

Nếu bạn đã quen thuộc với cách các trang HTML kiểu CSS , bạn sẽ đánh giá cao khái niệm định dạng. Khi bắt đầu ngôn ngữ đánh dấu XML , việc hiển thị dữ liệu phức tạp một chút, nhưng điều đó đã thay đổi với các tờ định kiểu.

Bằng cách thêm tham chiếu trang tính kiểu, bạn có thể định dạng và hiển thị mã XML của mình dưới dạng trang web. Không có CSS ​​hoặc một số định dạng khác, XML xuất hiện dưới dạng văn bản cơ bản với một lỗi cho biết trình duyệt không thể tìm thấy tài liệu định dạng.

Ví dụ về kiểu dáng XML

Một bảng định kiểu đơn giản chỉ yêu cầu bạn liệt kê phần tử và các thuộc tính định dạng cần thiết để hiển thị dữ liệu.

Mã bit này cho bộ xử lý biết các phần tử nào cần hiển thị và chúng sẽ trông như thế nào trên trang web, như sau:

mẫu {background-color: #ffffff; width: 100%;} mymessage {display: block; màu nền: # 999999; lề dưới: 30pt;} body {font-size: 50%}

Dòng đầu tiên của tệp định dạng là phần tử gốc. Các thuộc tính cho thư mục gốc áp dụng cho toàn bộ trang, nhưng bạn thay đổi chúng cho mỗi thẻ. Điều này có nghĩa là bạn có thể chỉ định màu nền cho trang và sau đó lại cho mỗi phần.

Lưu tệp này vào cùng thư mục với tệp XML của bạn và đảm bảo tệp có phần mở rộng tệp .CSS.

Liên kết đến CSS Từ XML

Tại thời điểm này, đây là hai tài liệu hoàn toàn riêng biệt. Bộ xử lý không có ý tưởng rằng bạn muốn họ làm việc cùng nhau để tạo ra một trang web .

Bạn có thể sửa lỗi này bằng cách thêm một câu lệnh vào đầu tài liệu XML để xác định đường dẫn đến tệp CSS. Câu lệnh này được gửi trực tiếp dưới câu lệnh khai báo XML ban đầu, như sau:

Trong ví dụ này, tệp CSS được gọi là products.css , đó là lý do tại sao nó được gắn nhãn như vậy trong tài liệu XML. Thay đổi điều đó thành bất kỳ tên tệp nào bạn đã chọn cho tệp CSS.