Các khái niệm cơ bản về CSS3 Phong cách Thừa kế - núm vú

cascading một phần của Cascading Style Sheet (CSS3) kể tất cả. Một phong cách ở phần trên cùng của phân cấp trang sẽ được đổ xuống các phần dưới của trang. Bằng cách xác định một phong cách ở mức độ phù hợp của hệ thống phân cấp, bạn giảm công việc cần thiết để thực hiện phong cách đó ở tất cả các nơi mà phong cách là cần thiết.

Ví dụ: kiểu được định nghĩa bằng thẻ sẽ chảy xuống thẻ là con của thẻ. Nếu bạn đã xác định phong cách ở cấp độ, bạn sẽ cần xác định kiểu cho mỗi kiểu yêu cầu kiểu đó. Bằng cách xác định nó ở mức độ, bạn sử dụng một phím tắt trong các hình thức của một phong cách cascading.

Việc sử dụng kiến ​​trúc tầng có nghĩa là bạn xác định các kiểu ảnh hưởng đến toàn bộ trang như ở mức cao hơn các kiểu dáng cụ thể được sử dụng để xác định các phần tử cụ thể.

Ví dụ: nếu trang của bạn dựa chủ yếu vào một phông chữ đơn thì bạn nên định nghĩa phông chữ đó ở thẻ. Mặc dù hệ thống phân cấp Mô hình đối tượng tài liệu DOM bắt đầu bằng tài liệu, di chuyển về phía gốc (thẻ), và chỉ sau đó tách thành các thẻ và, thẻ là phần tử hiển thị đầu tiên.

Thừa kế cũng có dạng khác. Bạn có thể xác định phong cách ở ba địa điểm khác nhau. Vị trí của định nghĩa đó sẽ thay đổi mức độ ưu tiên của kiểu đó. Dưới đây là ba vị trí theo kiểu và các ưu tiên của chúng:

• Inline (ưu tiên hàng đầu): Một kiểu nội tuyến xuất hiện cụ thể với một đối tượng cụ thể. Nó chỉ sửa đổi đối tượng đó và không có đối tượng nào khác trong tài liệu hoặc trong bất kỳ tài liệu nào khác. Định vị và thay đổi kiểu nội tuyến là tốn thời gian và dễ bị lỗi, do đó bạn nên tránh chúng bất cứ khi nào có thể.

• Một phong cách nội bộ xuất hiện như là một phần của thẻ trong tài liệu. Nó ảnh hưởng đến tất cả các đối tượng trong tài liệu, nhưng không có tài liệu nào khác trên trang. Sử dụng phong cách nội bộ có thể giúp bạn cung cấp đặc biệt cho một trang đặc biệt, nhưng bạn chỉ nên sử dụng một phong cách nội bộ chỉ khi phong cách độc nhất vô nhị và không bao giờ có ý định sử dụng kiểu đó ở bất cứ nơi nào khác. Do bạn thường không thể đảm bảo như vậy, tốt nhất nên tránh những phong cách nội bộ bất cứ khi nào có thể, nhưng thậm chí như vậy, chúng thích hợp hơn với phong cách nội tuyến.

  Bên ngoài (mức ưu tiên thấp nhất):

• Một phong cách bên ngoài xuất hiện bên ngoài. Tệp CSS. Bạn phải tạo một tham chiếu đến tập tin này bằng cách sử dụng một thẻ trong một tài liệu. Phong cách ảnh hưởng đến mọi tài liệu được liên kết đến. Tệp CSS. Bằng cách sử dụng phương pháp tiếp cận này, việc cập nhật dễ dàng hơn và mang lại cho trang web của bạn một diện mạo tổng thể.Ngoài ra, sử dụng các phong cách bên ngoài làm cho nó dễ dàng cho những người có nhu cầu đặc biệt để cung cấp một phong cách thay thế phù hợp hơn nhu cầu của họ.

  Bạn có thể liên kết càng nhiều trang kiểu ngoài với trang bằng cách sử dụng nhiều thẻ. Cách tiếp cận này cho phép bạn sử dụng các kiểu từ nhiều nguồn khác nhau để bạn có thể định dạng trang của bạn với ít nỗ lực nhất.

  Các tờ kiểu ngoài được xử lý theo thứ tự xuất hiện. Nếu hai. Các tệp CSS có cùng tên phong cách sửa đổi thuộc tính giống nhau, kiểu được xử lý cuối cùng là kiểu được ưu tiên.

  Mức độ kế thừa cuối cùng để xem xét chính là bộ chọn. Bạn có thể tạo bộ chọn chỉ hoạt động trên các đối tượng có trong các đối tượng khác hoặc đáp ứng các tiêu chí đặc biệt. Bộ chọn cụ thể sẽ luôn ghi đè các cài đặt được cung cấp bởi bộ chọn chung, vì vậy bạn chỉ nên sử dụng kỹ thuật này khi cần thiết (hãy tưởng tượng cố gắng tìm tất cả những thay đổi cụ thể trong tất cả các tệp trên trang của bạn).

Lựa chọn cụ thể hơn, mức độ ưu tiên của nó càng lớn. Tuy nhiên, bạn cần phải xem xét các hiệu ứng của cấp độ trình chọn trong tài liệu và phong cách đã được định nghĩa như một phần của bức tranh tổng thể.