Giới thiệu CSS

Kiến thức cơ bản cần có

Trước khi tiếp tục học, bạn cần có sự hiểu biết cơ bản về các kiến thức sau:

  • HTML
  • XHTML

Nếu bạn muốn học các dự án này trước tiên, hãy Trang chủ Xem các hướng dẫn liên quan.

Tóm tắt CSS

  • CSS là viết tắt của Cascading Style Sheets (Cascading Style Shets)
  • Định nghĩa phong cáchCách hiển thị Các yếu tố HTML
  • Phong cách thường được lưu trữ trongBảng樣式Trong
  • Thêm phong cách vào HTML 4.0 là đểGiải quyết vấn đề tách biệt nội dung và biểu hiện
  • Bảng樣式 bên ngoàiCó thể极大提高工作效率
  • Bảng樣式 bên ngoài thường được lưu trữ trong Tệp CSSTrong
  • Nhiều định nghĩa phong cách có thểLưu lạiĐể

Phong cách giải quyết một vấn đề phổ biến

Các thẻ HTML ban đầu được thiết kế để định nghĩa nội dung tài liệu. Bằng cách sử dụng các thẻ như <h1>, <p>, <table>, HTML nhằm truyền đạt thông tin như “đây là tiêu đề”, “đây là đoạn văn”, “đây là bảng”. Đồng thời, bố cục tài liệu được trình duyệt hoàn thành, không cần sử dụng bất kỳ thẻ định dạng nào.

Do hai trình duyệt chính (Netscape và Internet Explorer) liên tục thêm các thẻ và thuộc tính mới (như thẻ font và thuộc tính màu) vào quy chuẩn HTML, việc tạo ra các trang nội dung rõ ràng, tách biệt với lớp biểu hiện của trang trở nên khó khăn hơn.

Để giải quyết vấn đề này, Hiệp hội Tiêu chuẩn Internet (W3C), một liên minh phi lợi nhuận để chuẩn hóa, đã nắm bắt nhiệm vụ chuẩn hóa HTML và tạo ra phong cách (Style) ngoài HTML 4.0.

Tất cả các trình duyệt phổ biến đều hỗ trợ bảng樣式.

Bảng樣式极大地提高了工作效率

Bảng樣式 định nghĩa cách hiển thị các yếu tố HTML, giống như vai trò của thẻ font và thuộc tính màu của HTML 3.2. Phong cách thường được lưu trữ trong tệp .css bên ngoài. Chỉ cần chỉnh sửa một tệp CSS đơn giản, bảng樣式 bên ngoài cho phép bạn thay đổi đồng thời bố cục và外观 của tất cả các trang trong trang web.

Doanh nghiệp cho phép cùng một lúc kiểm soát phong cách và bố cục của nhiều trang, CSS có thể được coi là một bước đột phá trong lĩnh vực thiết kế WEB. Là nhà phát triển trang web, bạn có thể định nghĩa phong cách cho mỗi yếu tố HTML và áp dụng nó vào bất kỳ số trang nào bạn muốn. Để thực hiện cập nhật toàn cục, chỉ cần thay đổi phong cách, sau đó tất cả các yếu tố trong trang web sẽ tự động cập nhật.

Stylers đa dạng sẽ được叠加 thành

Bảng樣式 cho phép quy định thông tin樣式 theo nhiều cách. Sàng lọc có thể quy định trong một phần tử HTML đơn lẻ, trong phần đầu của trang HTML, hoặc trong một tệp CSS bên ngoài. thậm chí có thể tham chiếu nhiều bảng樣式 bên ngoài trong cùng một tài liệu HTML.

Thứ tự叠加

Khi một phần tử HTML được định nghĩa bởi nhiều樣式, thì sẽ sử dụng mẫu nào?

Ng一般情况下, tất cả các樣式 sẽ được叠加 vào một bảng樣式 ảo mới theo các quy tắc sau, trong đó số 4 có ưu tiên cao nhất.

  1. Cài đặt mặc định trình duyệt
  2. Bảng樣式 bên ngoài
  3. Bảng樣式 nội bộ (nằm trong thẻ <head>)
  4. Stylers nội bộ (trong phần tử HTML)

Vì vậy,樣式內嵌（trong phần tử HTML）có ưu tiên cao nhất, điều này có nghĩa là nó sẽ ưu tiên hơn các宣言 sau:宣言 trong thẻ <head>,宣言 trong bảng樣式 bên ngoài, hoặc宣言 trong trình duyệt（giá trị mặc định）.