Lợi ích của các StyleSheet

Một phần của tài liệu Giáo trình hướng dẫn chi tiết về thiết kế website (tự học) (Trang 75 - 76)

7.1.2 .Các thành phần trong FORM

7.2. Cascading stylesheet

7.2.6. Lợi ích của các StyleSheet

Nếu ta muốn sử dụng điều khiển lớn hơn với các trang Web ta nên sử dụng style. Ta có thể sử dụng style sheet cho:

Bài 7. Biểu mẫu Style và Cascading Style Sheet

Trang 25

a. Ghi đè các ngầm định trình duyệt

Mỗi trình duyệt có cách thể hiện các trang Web riêng của nó. Ngày nay, các chun viên phát triển khơng có quyền với trang được thể hiện trong một trình duyệt. Ta khơng biết được trình duyệt nào trên toàn cầu được sử dụng. Với các style sheet ta có thể ghi đ các mặc định truyền thống của trình duyệt và gán nó thành của riêng ta. Ví dụ, ta có thể xác định style trong phần tử <H1> như sau:

<H1><FONT SIZE=3 COLOR=AQUA>

<B><I>Overriding the browser</I></B> </FONT></H1>

b. Bố trí trang

Các style sheet có thể được dùng để hiển thị font, thay đổi màu sắc,… mà không thay đổi cấu trúc của trang web. Nghĩa là một người thiết kế có thể tách rời các yêu cầu thiết kế trực quan từ cấu trúc logic của trang Web và đánh địa chỉ khác nhau.

Việc dùng các độ đo tương đối trong style sheet của ta, ta có thể biểu diễn tài liệu để trơng đẹp hơn trên màn hình tại bất kỳ độ phân giải nào.

c. Các Style Sheet có thể đƣợc tái sử dụng

Sau khi ta định nghĩa thơng tin style, ta có thể nhúng style sheet vào trong tài liệu HTML. Ta cũng có thể liên kết tồn bộ các trang trên web site tới style sheet. Điều này đảm bảo rằng các trang web của ta có một diện mạo đồng bộ khi chúng được hiển thị. Như vậy ta có thể có một nền thơng thường, logo công ty và một số thông tin chuẩn trong một style sheet. Điều này sẽ đảm bảo rằng một cái nhìn thơng thường và cảm giác trên Web site. Hãy tưởng tượng nếu có hàng trăm trang và ta phải định nghĩa style của mỗi trang riêng biệt.

d. Tạo một lần

Ta có thể tạo một style sheet và liên kết nhiều tài liệu tới nó. Tất cả các tài liệu sẽ có một diện mạo. Dù sao quan trọng nhất là khi ta tạo một thay đổi tới style sheet tất cả các tài liệu liên kết tới style sheet sẽ mang lại sự thay đổi.

Một phần của tài liệu Giáo trình hướng dẫn chi tiết về thiết kế website (tự học) (Trang 75 - 76)

Tải bản đầy đủ (PDF)

(133 trang)