Giới thiệu CSS

Một phần của tài liệu Tài liệu Lập trình ứng dụng web với ASP.NET ppt (Trang 167 - 168)

III.1.1. CSS là gì

ƒ CSS: Cascading Style Sheets

ƒ Các Style định nghĩa cách trình duyệt hiển thị các đối tượng HTML

ƒ Các Style được lưu trong Style Sheet

ƒ Các Style Sheet độc lập được lưu trong file CSS riêng biệt

ƒ Các Style Sheet độc lập cĩ thể tiết kiệm nhiều thời gian cho bạn

ƒ Nhiều định nghĩa Style cho cùng một loại đối tượng sẽ được sử dụng theo lớp.

III.1.2. Style giúp bạn giải quyết nhiều vấn đề

HTML tag được thiết kế để định dạng cách hiển thị nội dung của một trang Web bằng cách định

nghĩa như "đây là phần header", "đây là một đoạn", "đây là một bảng",… Mỗi trình duyệt hiển thị nội dung trang Web theo cách riêng của mình dựa trên những định nghĩa đĩ.

Các trình duyệt thơng dụng như Internet Explorer hay Netscape liên tục thêm thắt các tag HTML mới của riêng mình vào danh sách các HTML tag chuẩn của W3C làm cho việc tạo lập các văn bản Web để hiển thị độc lập trên mọi trình duyệt ngày càng khĩ khăn.

Để giải quyết vấn đề này, W3C (World Wide Web consortium- tổ chức chịu trách nhiệm tạo lập các

chuẩn trên Web) tạo ra các STYLE cho HTML 4.0

Cả Netscape 4.0 và Internet Explorer 4.0 đều hỗ trợ Cascading Style Sheets.

I.1.1 Style Sheet tiết kiệm nhiều cơng sức thiết kế

Các Style trên HTML 4.0 định nghĩa cách mà các thành phần HTML được hiển thị. Các Style thường

được lưu trong các file độc lập với trang Web của bạn. Các file CSS độc lập cho phép bạn thay đổi

hình thức thể hiện và khuơn dạng của tất cả các trang trong Website thống nhất mà chỉ phải thực hiện thay đổi một lần.

I.1.2 Style nào sẽ được dùng?

Ta cĩ thể nĩi rằng, các Style sẽ được sử dụng theo "lớp" (cascade) ưu tiên khi nhiều Style định

nghĩa một thành phần HTML được tham chiếu trong một file HTML. Thứ tự ưu tiên được sắp xếp từ cao xuống thấp:

ƒ Style cho thành phần HTML cụ thể

ƒ Style trong phần HEAD

ƒ Style trong file CSS

Một phần của tài liệu Tài liệu Lập trình ứng dụng web với ASP.NET ppt (Trang 167 - 168)