Yếu tố đặc biệt nào sẽ cho trình duyệt biết vị trí của tệp css?
|
Cascading style sheet (CSS) là một phần mở rộng của HTML cho phép bạn chỉ định định dạng cho tài liệu HTML. Bạn có thể sử dụng hai loại CSS với WebFOCUS Show
Bạn có thể xác định các lớp trong biểu định kiểu xếp tầng và định dạng thành phần báo cáo bằng cách gán một trong các lớp CSS này cho nó. Các lớp được mô tả trong Quy tắc và lớp biểu định kiểu xếp tầng là gì? Các biểu định kiểu xếp tầng được gọi là xếp tầng vì một số biểu định kiểu khác nhau có thể hoạt động cho một tài liệu cùng một lúc. Ví dụ: một biểu định kiểu có thể được liên kết với chính tài liệu, một biểu định kiểu khác có thể được liên kết với biểu định kiểu đầu tiên và một biểu định kiểu khác có thể được liên kết với trình duyệt web mà tài liệu đang được hiển thị. Khi nhiều biểu định kiểu có hiệu lực, chúng sẽ được áp dụng cho tài liệu theo trình tự xác định trước do trình duyệt đặt. các hướng dẫn định dạng của chúng có thể được coi là xếp tầng từ biểu định kiểu này sang biểu định kiểu tiếp theo Lợi ích của việc sử dụng biểu định kiểu xếp tầng bên ngoài để định dạng báo cáo được mô tả trong Tại sao nên sử dụng Biểu định kiểu xếp tầng bên ngoài? Bạn sẽ thấy biểu định kiểu xếp tầng bên ngoài có liên quan nếu bạn
Để biết thông tin về biểu định kiểu xếp tầng nội bộ, hãy xem Tạo Biểu định kiểu xếp tầng nội bộ cho báo cáo HTML Cần thêm thông tin về CSS? . Việc dạy về CSS nằm ngoài phạm vi của tài liệu này nhưng có nhiều nguồn thông tin dành cho bạn. Một nơi hữu ích để bắt đầu trực tuyến là trang chủ biểu định kiểu xếp tầng của World Wide Web Consortium (http. //www. w3. org/Kiểu/CSS/) Biểu định kiểu đại diện cho một bước đột phá lớn đối với các nhà thiết kế trang Web, mở rộng khả năng cải thiện giao diện trang của họ. Trong môi trường khoa học mà Web được hình thành, mọi người quan tâm đến nội dung tài liệu của họ hơn là cách trình bày. Khi mọi người từ các tầng lớp xã hội rộng lớn hơn phát hiện ra Web, những hạn chế của HTML trở thành nguồn gốc của sự thất vọng liên tục và các tác giả buộc phải bỏ qua những hạn chế về phong cách của HTML. Mặc dù mục đích là tốt -- để cải thiện cách trình bày của các trang Web -- các kỹ thuật để làm như vậy đã có những tác dụng phụ đáng tiếc. Những kỹ thuật này hiệu quả với một số người, đôi khi, nhưng không phải lúc nào cũng phù hợp với tất cả mọi người. Chúng bao gồm
Những kỹ thuật này làm tăng đáng kể độ phức tạp của các trang Web, hạn chế tính linh hoạt, gây ra các vấn đề về khả năng tương tác và gây khó khăn cho người khuyết tật Biểu định kiểu giải quyết những vấn đề này đồng thời chúng thay thế phạm vi cơ chế trình bày hạn chế trong HTML. Biểu định kiểu giúp dễ dàng chỉ định lượng khoảng trắng giữa các dòng văn bản, số lượng dòng được thụt lề, màu sắc được sử dụng cho văn bản và nền, kích thước và kiểu phông chữ cũng như nhiều chi tiết khác Ví dụ: biểu định kiểu CSS ngắn sau (được lưu trữ trong tệp "đặc biệt. css"), đặt màu văn bản của đoạn văn thành màu xanh lá cây và bao quanh nó bằng đường viền màu đỏ cố định P.special {
color : green;
border: solid red;
}
Tác giả có thể liên kết biểu định kiểu này với tài liệu HTML nguồn của họ bằng phần tử LINK
HTML 4 cung cấp hỗ trợ cho các tính năng biểu định kiểu sau Vị trí linh hoạt của thông tin kiểu Đặt các biểu định kiểu trong các tệp riêng biệt giúp chúng dễ dàng sử dụng lại. Đôi khi sẽ hữu ích khi bao gồm các hướng dẫn kết xuất trong tài liệu mà chúng áp dụng, được nhóm ở đầu tài liệu hoặc trong các thuộc tính của các phần tử trong toàn bộ nội dung của tài liệu. Để giúp quản lý kiểu trên cơ sở trang web dễ dàng hơn, thông số kỹ thuật này mô tả cách sử dụng các tiêu đề HTTP để đặt biểu định kiểu sẽ được áp dụng cho tài liệu. Độc lập với các ngôn ngữ biểu định kiểu cụ thể Thông số kỹ thuật này không ràng buộc HTML với bất kỳ ngôn ngữ biểu định kiểu cụ thể nào. Điều này cho phép sử dụng nhiều loại ngôn ngữ như vậy, chẳng hạn như ngôn ngữ đơn giản dành cho đa số người dùng và ngôn ngữ phức tạp hơn nhiều dành cho thiểu số người dùng có nhu cầu chuyên biệt cao. Tất cả các ví dụ bên dưới đều sử dụng ngôn ngữ CSS (Cascading Style Sheets) [CSS1], nhưng có thể sử dụng các ngôn ngữ biểu định kiểu khác. CascadingĐây là khả năng được cung cấp bởi một số ngôn ngữ biểu định kiểu như CSS để cho phép thông tin kiểu từ một số nguồn được trộn với nhau. Ví dụ, đây có thể là các nguyên tắc về phong cách của công ty, các phong cách chung cho một nhóm tài liệu và các phong cách cụ thể cho một tài liệu. Bằng cách lưu trữ chúng một cách riêng biệt, các biểu định kiểu có thể được sử dụng lại, đơn giản hóa tác giả và sử dụng bộ nhớ đệm mạng hiệu quả hơn. Cascade xác định một chuỗi các biểu định kiểu theo thứ tự trong đó các quy tắc trong các trang sau có mức độ ưu tiên cao hơn các quy tắc trước đó. Không phải tất cả các ngôn ngữ biểu định kiểu đều hỗ trợ xếp tầng. Phụ thuộc phương tiệnHTML cho phép tác giả chỉ định tài liệu theo cách độc lập với phương tiện. Điều này cho phép người dùng truy cập các trang Web bằng nhiều thiết bị và phương tiện khác nhau, chẳng hạn như. g. , màn hình đồ họa cho máy tính chạy Windows, Macintosh OS và X11, thiết bị dành cho TV, điện thoại được điều chỉnh đặc biệt và thiết bị di động dựa trên PDA, trình duyệt dựa trên giọng nói và thiết bị xúc giác dựa trên chữ nổiNgược lại, biểu định kiểu áp dụng cho các nhóm phương tiện hoặc phương tiện cụ thể. Một biểu định kiểu dành cho sử dụng màn hình có thể được áp dụng khi in, nhưng ít được sử dụng cho các trình duyệt dựa trên giọng nói. Thông số kỹ thuật này cho phép bạn xác định các danh mục đa phương tiện mà một biểu định kiểu nhất định có thể áp dụng cho. Điều này cho phép các tác nhân người dùng tránh truy xuất các biểu định kiểu không phù hợp. Các ngôn ngữ biểu định kiểu có thể bao gồm các tính năng để mô tả các phụ thuộc phương tiện trong cùng một biểu định kiểu Các kiểu thay thế Các tác giả có thể muốn cung cấp cho người đọc một số cách để xem tài liệu. Ví dụ: biểu định kiểu để hiển thị tài liệu nhỏ gọn với phông chữ nhỏ hoặc biểu định kiểu chữ lớn hơn để tăng mức độ dễ đọc. Thông số kỹ thuật này cho phép tác giả chỉ định biểu định kiểu ưa thích cũng như các thay thế nhắm mục tiêu người dùng hoặc phương tiện cụ thể. Tác nhân người dùng nên cung cấp cho người dùng cơ hội để chọn trong số các biểu định kiểu thay thế hoặc tắt hoàn toàn các biểu định kiểu. Mối quan tâm về hiệu suất Một số người đã bày tỏ lo ngại về các vấn đề về hiệu suất đối với biểu định kiểu. Chẳng hạn, việc truy xuất biểu định kiểu bên ngoài có thể trì hoãn toàn bộ bản trình bày cho người dùng. Một tình huống tương tự phát sinh nếu phần đầu tài liệu bao gồm một bộ quy tắc kiểu dàiĐề xuất hiện tại giải quyết các vấn đề này bằng cách cho phép các tác giả bao gồm các hướng dẫn kết xuất trong mỗi phần tử HTML. Thông tin kết xuất sau đó luôn có sẵn vào thời điểm tác nhân người dùng muốn kết xuất từng phần tử Trong nhiều trường hợp, tác giả sẽ tận dụng một style sheet chung cho một nhóm tài liệu. Trong trường hợp này, việc phân phối các quy tắc kiểu trong toàn bộ tài liệu sẽ thực sự dẫn đến hiệu suất kém hơn so với việc sử dụng biểu định kiểu được liên kết, vì đối với hầu hết các tài liệu, biểu định kiểu đã có sẵn trong bộ đệm cục bộ. Sự sẵn có công khai của các style sheet tốt sẽ khuyến khích hiệu ứng này 14. 2 Thêm kiểu vào HTMLGhi chú. Biểu định kiểu mặc định mẫu cho HTML 4 có trong [CSS2] thể hiện thông tin kiểu mặc định được chấp nhận chung cho từng thành phần. Các tác giả cũng như những người triển khai có thể thấy đây là một nguồn tài nguyên hữu ích Các tài liệu HTML có thể chứa các quy tắc biểu định kiểu trực tiếp trong đó hoặc chúng có thể nhập các biểu định kiểu Bất kỳ ngôn ngữ biểu định kiểu nào cũng có thể được sử dụng với HTML. Một ngôn ngữ biểu định kiểu đơn giản có thể đáp ứng nhu cầu của hầu hết người dùng, nhưng các ngôn ngữ khác có thể phù hợp hơn với nhu cầu chuyên môn cao. Thông số kỹ thuật này sử dụng ngôn ngữ kiểu "Cascading Style Sheets" ([CSS1]), CSS viết tắt, ví dụ Cú pháp của dữ liệu kiểu phụ thuộc vào ngôn ngữ biểu định kiểu Tác giả phải chỉ định ngôn ngữ biểu định kiểu của thông tin kiểu được liên kết với tài liệu HTML Tác giả nên sử dụng phần tử META để đặt ngôn ngữ biểu định kiểu mặc định cho tài liệu. Ví dụ: để đặt mặc định thành CSS, tác giả nên đặt phần khai báo sau vào HEAD của tài liệu của họ Ngôn ngữ biểu định kiểu mặc định cũng có thể được đặt với các tiêu đề HTTP. Khai báo META ở trên tương đương với tiêu đề HTTP Content-Style-Type: text/css Tác nhân người dùng nên xác định ngôn ngữ biểu định kiểu mặc định cho tài liệu theo các bước sau (mức độ ưu tiên cao nhất đến thấp nhất)
Các tài liệu bao gồm các phần tử đặt thuộc tính kiểu nhưng không xác định ngôn ngữ biểu định kiểu mặc định là không chính xác. Các công cụ soạn thảo sẽ tạo thông tin ngôn ngữ biểu định kiểu mặc định (thường là khai báo META) để tác nhân người dùng không phải dựa vào mặc định là "text/css" định nghĩa thuộc tính style=style [CN]Thuộc tính này chỉ định thông tin kiểu cho phần tử hiện tạiCú pháp của giá trị thuộc tính style được xác định bởi ngôn ngữ style sheet mặc định. Ví dụ: đối với kiểu nội tuyến [[CSS2]], hãy sử dụng cú pháp khối khai báo được mô tả trong phần 4. 1. 8 (không có dấu phân cách ngoặc nhọn) Ví dụ CSS này đặt thông tin kích thước phông chữ và màu sắc cho văn bản trong một đoạn cụ thể
Trong CSS, khai báo thuộc tính có dạng "tên. giá trị" và được phân tách bằng dấu chấm phẩy Để chỉ định thông tin kiểu cho nhiều phần tử, tác giả nên sử dụng phần tử STYLE. Để linh hoạt tối ưu, tác giả nên xác định kiểu trong biểu định kiểu bên ngoài thẻ bắt đầu. bắt buộc, Thẻ kết thúc. cần thiết định nghĩa thuộc tính type = content-type [CI] Thuộc tính này chỉ định ngôn ngữ biểu định kiểu của nội dung phần tử và ghi đè ngôn ngữ biểu định kiểu mặc định. Ngôn ngữ biểu định kiểu được chỉ định làm kiểu nội dung (e. g. , "văn bản/css"). Tác giả phải cung cấp một giá trị cho thuộc tính này; . media = media-descriptors [CI] Thuộc tính này chỉ định phương tiện đích dự định cho thông tin kiểu. Nó có thể là một bộ mô tả phương tiện duy nhất hoặc một danh sách được phân tách bằng dấu phẩy. Giá trị mặc định cho thuộc tính này là "màn hình"Các thuộc tính được xác định ở nơi khác Phần tử STYLE cho phép tác giả đặt các quy tắc biểu định kiểu vào phần đầu của tài liệu. HTML cho phép bất kỳ số lượng phần tử STYLE nào trong phần HEAD của tài liệu Tác nhân người dùng không hỗ trợ biểu định kiểu hoặc không hỗ trợ ngôn ngữ biểu định kiểu cụ thể được sử dụng bởi phần tử STYLE, phải ẩn nội dung của phần tử STYLE. Đã xảy ra lỗi khi hiển thị nội dung như một phần văn bản của tài liệu. Một số ngôn ngữ biểu định kiểu hỗ trợ cú pháp để ẩn nội dung khỏi các tác nhân người dùng không phù hợp Cú pháp của dữ liệu kiểu phụ thuộc vào ngôn ngữ biểu định kiểu Một số triển khai biểu định kiểu có thể cho phép nhiều quy tắc hơn trong phần tử STYLE hơn là trong thuộc tính kiểu. Ví dụ: với CSS, các quy tắc có thể được khai báo trong phần tử STYLE cho
Các quy tắc dành cho quyền ưu tiên và kế thừa quy tắc kiểu tùy thuộc vào ngôn ngữ biểu định kiểu Tuyên bố CSS STYLE sau đây đặt một đường viền xung quanh mọi phần tử H1 trong tài liệu và căn giữa nó trên trang Để xác định rằng thông tin kiểu này chỉ nên áp dụng cho các phần tử H1 của một lớp cụ thể, chúng tôi sửa đổi nó như sau This H1 is affected by our style This one is not affected by our style Cuối cùng, để giới hạn phạm vi của thông tin kiểu dáng trong một phiên bản duy nhất của H1, hãy đặt thuộc tính id This H1 is not affected This H1 is affected by style This H1 is not affected Mặc dù thông tin kiểu dáng có thể được đặt cho hầu hết mọi phần tử HTML, nhưng hai phần tử, DIV và SPAN, đặc biệt hữu ích ở chỗ chúng không áp đặt bất kỳ ngữ nghĩa trình bày nào (ngoài cấp độ khối so với. nội tuyến). Khi được kết hợp với biểu định kiểu, các thành phần này cho phép người dùng mở rộng HTML vô thời hạn, đặc biệt khi được sử dụng với các thuộc tính lớp và id Trong ví dụ sau, chúng tôi sử dụng phần tử SPAN để đặt kiểu phông chữ của một số từ đầu tiên của đoạn văn thành chữ hoa nhỏ ________số 8Trong ví dụ sau, chúng tôi sử dụng DIV và thuộc tính lớp để thiết lập sự biện minh cho văn bản cho một loạt các đoạn văn tạo nên phần tóm tắt của một bài báo khoa học. Thông tin kiểu dáng này có thể được sử dụng lại cho các phần trừu tượng khác bằng cách đặt thuộc tính lớp ở nơi khác trong tài liệu
HTML cho phép tác giả thiết kế các tài liệu tận dụng các đặc tính của phương tiện nơi tài liệu sẽ được hiển thị (e. g. , màn hình đồ họa, màn hình tivi, thiết bị cầm tay, trình duyệt dựa trên giọng nói, thiết bị xúc giác dựa trên chữ nổi, v.v. ). Bằng cách chỉ định thuộc tính phương tiện, tác giả cho phép tác nhân người dùng tải và áp dụng các biểu định kiểu có chọn lọc. Vui lòng tham khảo danh sách các bộ mô tả phương tiện được công nhận Các khai báo mẫu sau đây áp dụng cho các phần tử H1. Khi được chiếu trong một cuộc họp kinh doanh, tất cả các phiên bản sẽ có màu xanh lam. Khi được in, tất cả các phiên bản sẽ được căn giữa
0Ví dụ này thêm hiệu ứng âm thanh vào các ký tự neo để sử dụng trong đầu ra lời nói
1Điều khiển phương tiện đặc biệt thú vị khi được áp dụng cho biểu định kiểu bên ngoài vì tác nhân người dùng có thể tiết kiệm thời gian bằng cách truy xuất từ mạng chỉ những biểu định kiểu áp dụng cho thiết bị hiện tại. Chẳng hạn, các trình duyệt dựa trên giọng nói có thể tránh tải xuống các biểu định kiểu được thiết kế để hiển thị trực quan. Xem phần về tầng phụ thuộc vào phương tiện để biết thêm thông tin Tác giả có thể tách biểu định kiểu khỏi tài liệu HTML. Điều này mang lại một số lợi ích
14. 3. 1 Biểu định kiểu ưa thích và thay thếHTML cho phép tác giả liên kết bất kỳ số lượng biểu định kiểu bên ngoài nào với tài liệu. Ngôn ngữ biểu định kiểu xác định cách nhiều biểu định kiểu bên ngoài tương tác với nhau (ví dụ: quy tắc "xếp tầng" CSS) Tác giả có thể chỉ định một số biểu định kiểu loại trừ lẫn nhau được gọi là biểu định kiểu thay thế. Người dùng có thể chọn mục yêu thích của họ trong số này tùy thuộc vào sở thích của họ. Chẳng hạn, tác giả có thể chỉ định một biểu định kiểu được thiết kế cho màn hình nhỏ và một biểu định kiểu khác dành cho người dùng có thị lực yếu (e. g. , phông chữ lớn). Tác nhân người dùng nên cho phép người dùng chọn từ các biểu định kiểu thay thế Tác giả có thể chỉ định rằng một trong những lựa chọn thay thế là một biểu định kiểu ưa thích. Tác nhân người dùng nên áp dụng biểu định kiểu ưa thích của tác giả trừ khi người dùng đã chọn một thay thế khác Tác giả có thể nhóm một số biểu định kiểu thay thế (bao gồm cả biểu định kiểu ưa thích của tác giả) dưới một tên kiểu duy nhất. Khi người dùng chọn một kiểu được đặt tên, tác nhân người dùng phải áp dụng tất cả các biểu định kiểu có tên đó. Tác nhân người dùng không được áp dụng biểu định kiểu thay thế với tên kiểu khác. Phần chỉ định biểu định kiểu bên ngoài giải thích cách đặt tên cho một nhóm biểu định kiểu Tác giả cũng có thể chỉ định các biểu định kiểu liên tục mà tác nhân người dùng phải áp dụng ngoài bất kỳ biểu định kiểu thay thế nào Tác nhân người dùng phải tôn trọng bộ mô tả phương tiện khi áp dụng bất kỳ biểu định kiểu nào Tác nhân người dùng cũng nên cho phép người dùng tắt hoàn toàn biểu định kiểu của tác giả, trong trường hợp đó, tác nhân người dùng không được áp dụng bất kỳ biểu định kiểu liên tục hoặc thay thế nào Tác giả chỉ định biểu định kiểu bên ngoài với các thuộc tính sau của phần tử LINK
Tác nhân người dùng nên cung cấp phương tiện để người dùng xem và chọn từ danh sách các kiểu thay thế. Giá trị của thuộc tính tiêu đề được khuyến nghị làm tên của mỗi lựa chọn Trong ví dụ này, trước tiên chúng tôi chỉ định một biểu định kiểu liên tục nằm trong tệp mystyle. css Đặt thuộc tính tiêu đề làm cho biểu định kiểu ưa thích của tác giả
3Thêm từ khóa "alternate" vào thuộc tính rel sẽ biến nó thành một biểu định kiểu thay thế Để biết thêm thông tin về biểu định kiểu bên ngoài, vui lòng tham khảo phần về liên kết và biểu định kiểu bên ngoài Tác giả cũng có thể sử dụng phần tử META để đặt biểu định kiểu ưa thích của tài liệu. Ví dụ: để đặt biểu định kiểu ưa thích thành "compact" (xem ví dụ trước), tác giả có thể đưa dòng sau vào HEAD Biểu định kiểu ưa thích cũng có thể được chỉ định với các tiêu đề HTTP. Khai báo META ở trên tương đương với tiêu đề HTTP Nếu hai hoặc nhiều khai báo META hoặc tiêu đề HTTP chỉ định biểu định kiểu ưa thích, thì biểu định kiểu cuối cùng sẽ được ưu tiên. Các tiêu đề HTTP được coi là xuất hiện sớm hơn HEAD tài liệu cho mục đích này Nếu hai hoặc nhiều phần tử LINK chỉ định biểu định kiểu ưa thích, biểu định kiểu đầu tiên sẽ được ưu tiên Biểu định kiểu ưa thích được chỉ định bằng tiêu đề META hoặc HTTP được ưu tiên hơn các biểu định kiểu được chỉ định bằng phần tử LINK Các ngôn ngữ biểu định kiểu xếp tầng như CSS cho phép thông tin kiểu từ một số nguồn được trộn với nhau. Tuy nhiên, không phải tất cả các ngôn ngữ biểu định kiểu đều hỗ trợ xếp tầng. Để xác định tầng, tác giả chỉ định một chuỗi các phần tử LINK và/hoặc STYLE. Thông tin về kiểu dáng được sắp xếp theo thứ tự các phần tử xuất hiện trong HEAD Ghi chú. Thông số kỹ thuật này không chỉ định cách các biểu định kiểu từ các ngôn ngữ kiểu khác nhau xếp tầng. Tác giả nên tránh trộn lẫn các ngôn ngữ biểu định kiểu Trong ví dụ sau, chúng tôi chỉ định hai biểu định kiểu thay thế có tên "compact". Nếu người dùng chọn kiểu "compact", tác nhân người dùng phải áp dụng cả biểu định kiểu bên ngoài, cũng như "phổ biến" liên tục. css" biểu định kiểu. Nếu người dùng chọn kiểu "bản in lớn", chỉ có biểu định kiểu thay thế "bản in lớn. css" và "phổ biến" liên tục. css" sẽ được áp dụng
6Dưới đây là một ví dụ xếp tầng liên quan đến cả phần tử LINK và STYLE
7Một tầng có thể bao gồm các biểu định kiểu áp dụng cho các phương tiện khác nhau. Cả LINK và STYLE đều có thể được sử dụng với thuộc tính phương tiện. Sau đó, tác nhân người dùng chịu trách nhiệm lọc ra những biểu định kiểu không áp dụng cho phương tiện hiện tại Trong ví dụ sau, chúng tôi xác định một tầng trong đó biểu định kiểu "công ty" được cung cấp trong một số phiên bản. một phù hợp để in, một để sử dụng màn hình và một cho các trình duyệt dựa trên giọng nói (hữu ích, chẳng hạn như khi đọc email trong ô tô). Biểu định kiểu "techreport" áp dụng cho tất cả các phương tiện. Quy tắc màu được xác định bởi phần tử STYLE được sử dụng để in và màn hình nhưng không dùng để hiển thị âm thanh
814. 4. 2 Kế thừa và xếp tầngKhi tác nhân người dùng muốn kết xuất một tài liệu, nó cần tìm các giá trị cho thuộc tính kiểu, ví dụ:. g. họ phông chữ, kiểu phông chữ, kích thước, chiều cao dòng, màu văn bản, v.v. Cơ chế chính xác phụ thuộc vào ngôn ngữ biểu định kiểu, nhưng mô tả sau thường được áp dụng Cơ chế xếp tầng được sử dụng khi một số quy tắc kiểu đều áp dụng trực tiếp cho một phần tử. Cơ chế này cho phép tác nhân người dùng sắp xếp các quy tắc theo tính đặc hiệu, để xác định quy tắc nào sẽ áp dụng. Nếu không tìm thấy quy tắc nào, bước tiếp theo phụ thuộc vào việc thuộc tính kiểu có thể được kế thừa hay không. Không phải tất cả các thuộc tính có thể được kế thừa. Đối với các thuộc tính này, ngôn ngữ biểu định kiểu cung cấp các giá trị mặc định để sử dụng khi không có quy tắc rõ ràng cho một phần tử cụ thể Nếu thuộc tính có thể được kế thừa, tác nhân người dùng sẽ kiểm tra phần tử kèm theo ngay lập tức để xem liệu quy tắc có áp dụng cho phần tử đó không. Quá trình này tiếp tục cho đến khi một quy tắc áp dụng được tìm thấy. Cơ chế này cho phép các biểu định kiểu được chỉ định một cách gọn gàng. Chẳng hạn, tác giả có thể chỉ định họ phông chữ cho tất cả các phần tử trong CƠ THỂ theo một quy tắc duy nhất áp dụng cho phần tử CƠ THỂ Một số ngôn ngữ biểu định kiểu hỗ trợ cú pháp nhằm cho phép tác giả ẩn nội dung của các phần tử STYLE khỏi các tác nhân người dùng không tuân thủ Ví dụ này minh họa cho CSS cách nhận xét nội dung của các phần tử STYLE để đảm bảo rằng các tác nhân người dùng cũ hơn, không tuân thủ sẽ không hiển thị chúng dưới dạng văn bản Phần này chỉ áp dụng cho các tác nhân người dùng tuân thủ các phiên bản HTTP xác định trường tiêu đề Liên kết. Lưu ý rằng HTTP 1. 1 như được định nghĩa bởi [RFC2616] không bao gồm trường tiêu đề Liên kết (tham khảo phần 19. 6. 3) Người quản lý máy chủ web có thể thấy thuận tiện khi định cấu hình máy chủ để biểu định kiểu sẽ được áp dụng cho một nhóm trang. Tiêu đề Liên kết HTTP có tác dụng giống như phần tử LINK có cùng thuộc tính và giá trị. Nhiều tiêu đề Liên kết tương ứng với nhiều phần tử LIÊN KẾT xảy ra theo cùng một thứ tự. Ví dụ, 0 tương ứng với Có thể chỉ định một số kiểu thay thế bằng nhiều tiêu đề Liên kết, sau đó sử dụng thuộc tính rel để xác định kiểu mặc định Trong ví dụ sau, "compact" được áp dụng theo mặc định vì nó bỏ qua từ khóa "alternate" cho thuộc tính rel 2 Điều này cũng sẽ hoạt động khi tài liệu HTML được gửi qua email. Một số tác nhân email có thể thay đổi thứ tự của tiêu đề [RFC822]. Để tránh điều này ảnh hưởng đến thứ tự xếp tầng cho biểu định kiểu được chỉ định bởi tiêu đề Liên kết, tác giả có thể sử dụng nối tiêu đề để hợp nhất một số phiên bản của cùng một trường tiêu đề. Dấu ngoặc kép chỉ cần thiết khi các giá trị thuộc tính bao gồm khoảng trắng. Sử dụng các thực thể SGML để tham chiếu các ký tự không được phép trong tiêu đề HTTP hoặc email hoặc có khả năng bị ảnh hưởng khi chuyển qua các cổng Các phần tử LINK và META ngụ ý bởi các tiêu đề HTTP được xác định là xảy ra trước bất kỳ phần tử LINK và META rõ ràng nào trong HEAD của tài liệu Dòng mã này trong tệp CSS bên ngoài nói gì với trình duyệt @charset UTF 8?Nó ra lệnh cho trình duyệt đọc tệp css dưới dạng UTF-8 . Điều này rất hữu ích nếu CSS của bạn chứa các ký tự unicode và không chỉ ASCII.
3 vị trí mà chúng ta có thể đặt mã CSS là gì?CSS có thể được thêm vào tài liệu HTML theo 3 cách. . Nội tuyến - bằng cách sử dụng thuộc tính kiểu bên trong các phần tử HTML Internal - by using a |