Hướng dẫn cơ bản 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, hãy Trang chủ Truy cập 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 Sheets)
  • Định nghĩa样式Cách hiển thị Các yếu tố HTML
  • Tệp CSS thường được lưu trữ trongTệp CSSTrong
  • Thêm các tệp CSS vào HTML 4.0 là đểGiải quyết vấn đề tách biệt nội dung và biểu diễn
  • Bảng樣式 bên ngoàiCó thể极大提高工作效率
  • Tệp CSS bên ngoài thường được lưu trữ trong Tệp CSSTrong
  • Nhiều định nghĩa样式 có thểCascadingĐể một

Tệp CSS giải quyết một vấn đề phổ biến

Các thẻ HTML ban đầu được thiết kế để sử dụng để đị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 ban đầu được mong đợi để biểu đạt thông tin như “Đây là tiêu đề”, “Đây là đoạn văn”, “Đây là bảng”. Mà việc布局 tài liệu được mong đợi được trình duyệt hoàn thành, mà 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ư các thẻ font và thuộc tính màu) vào quy tắc HTML, vì vậy việc tạo ra các trang web có nội dung rõ ràng và tách biệt với lớp biểu diễn của trang trở nên khó khăn hơn.

Để giải quyết vấn đề này, Liên minh万维网(W3C), một liên minh tiêu chuẩn hóa phi lợi nhuận, đã nhận trách nhiệm thực hiện nhiệm vụ tiêu chuẩn hóa HTML và đã tạo ra STYLES (样式) ngoài HTML 4.0.

Tất cả các trình duyệt phổ biến đều hỗ trợ các tệp CSS.

Tệp CSS极大地提高了工作效率

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

Do cho phép kiểm soát đồng thời样式 và布局 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樣式 cho mỗi phần tử HTML và áp dụng chúng cho bất kỳ số trang nào bạn muốn. Để thực hiện thay đổi toàn cục, chỉ cần thay đổi样式, và tất cả các phần tử trong trang web sẽ được tự động cập nhật.

Syles đa重 sẽ được叠加 thành một

Bảng樣式 cho phép quy định thông tin樣式 theo nhiều cách. Syles có thể được 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 một tài liệu HTML duy nhất.

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通俗地讲，所有的样式 sẽ được叠加到一个新的 bảng樣式 ảo theo các quy tắc sau, trong đó số 4 có quyền ư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. 样式內嵌（trong phần tử HTML）

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