CSS là mô hình định nghĩa kiểu định dạng dùng cho việc hiển thị tài liệu. CSS cho phép hiển thị tài liệu XML nh− các trang HTML và cho phép tách rời định dạng với nội dung tài liệu. CSS t−ơng tự một tập mẫu qui định các kiểu định dạng cho các thẻ trong tài liệu. Nó qui định kiểu nh− màu sắc, font, cỡ, lề,...Tài liệu đ−ợc tham chiếu đến các định nghĩa CSS trong file .css riêng biệt. Nếu cần thay đổi kiểu định dạng cho thẻ nào đó, ta chỉ cần thay đổi định nghĩa CSS t−ơng ứng trong file .css.
Trong tài liệu XML tham chiếu đến file .css (giả sử file có tên là style.css), để xác định kiểu thể hiện cho các phần tử trong tài liệu ta dùng chỉ thị xử lý:
<?xml-stylesheet type=”text/css” herf=”style.css”?>
Trong file .css, các phần tử của tài liệu XML đ−ợc định nghĩa kiểu theo cú pháp sau:
eName {display: block; attName1: attValue1; attName2: attValue2; ....
.className {attName1: attValue1; attName2: attValue2;... } }
Trong đó, eName là tên phần tử cần định nghĩa kiểu; display: block hiển thị phần tử theo cấp khối (bắt đầu ở đầu dòng và phần tử sau nó sẽ bắt đầu ở đầu dòng tiếp theo); attName1, attName2,...là các thuộc tính định nghĩa kiểu của eName và attValue1, attValue2,...là giá trị thuộc tính t−ơng ứng. Nếu gom các thuộc tính định kiểu vào một nhóm thì nó thành một lớp với ký hiệu . tr−ớc tên lớp.
Tên thuộc tính ý nghĩa
Top (bottom, right, left): value
Dịch chuyển hiển thị thành phần với value là khoảng cách dịch chuyển trong tài liệu, đ−a position:relative hoặc position:abssolute và để kích hoạt dịch chuyển
Tên thuộc tính ý nghĩa center, justify
Margin-top: value ấn định lề trên cho thành phần với value tính theo pt, t−ơng tự với margin-bottom
Font-size: value định dạng cỡ chữ cho thành phần với value có thể là small, large, medium hoặc giá trị cụ thể tính theo pt
Font-style: italic Định dạng in nghiêng Font-weight: bold Định dạng in đậm Font-decoration:
underline Định dạng gạch chân
Color: value Định dạng màu sắc cho thành phần với value là tên màu cụ thể
Bảng 2.5: Một số thuộc tính cơ bản