Biểu định kiểu trong CSS là gì

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

  • Sử dụng tiện ích mở rộng HTML độc quyền
  • Chuyển đổi văn bản thành hình ảnh
  • Sử dụng hình ảnh để kiểm soát khoảng trắng
  • Sử dụng bảng để dàn trang
  • Viết chương trình thay vì sử dụng HTML

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 vào, 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ọ với phần tử


  
    
  
  
    

This paragraph should have special green text.

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ẽ rất 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), 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ổi

Ngượ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 HTML

Ghi chú. Biểu định kiểu mặc định mẫu cho HTML 4 được bao gồm trong thể hiện thông tin kiểu mặc định được chấp nhận chung cho từng phần tử. 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" (), viết tắt là CSS, chẳng hạn

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ử để đặ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 khai báo sau vào tài liệu của mình

Ngôn ngữ biểu định kiểu mặc định cũng có thể được đặt với các tiêu đề HTTP. Phần khai báo trên tương đương với HTTP header

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)

  1. Nếu bất kỳ khai báo nào chỉ định "Kiểu-Kiểu-Nội dung", thì cái cuối cùng trong luồng ký tự sẽ xác định ngôn ngữ biểu định kiểu mặc định
  2. Mặt khác, nếu bất kỳ tiêu đề HTTP nào chỉ định "Kiểu-Kiểu-Nội dung", thì tiêu đề cuối cùng trong luồng ký tự sẽ xác định ngôn ngữ biểu định kiểu mặc định
  3. Mặt khác, ngôn ngữ biểu định kiểu mặc định là "text/css"

Tài liệu bao gồm các phần tử đặt thuộc tính 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à một khai báo) để 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 = Thuộc tính này chỉ định thông tin kiểu cho phần tử hiện tại

Giá trị của thuộc tính được xác định bởi. 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ể

Aren't style sheets wonderful?

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. yêu cầu

Định nghĩa thuộc tính

type = 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 = 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ử 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ử nào trong phần 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 một phần tử, phải ẩn nội dung của phần tử. Đã 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 cho từ tác nhân người dùng không phù hợp

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ử hơn là trong thuộc tính. Ví dụ, với CSS, các quy tắc có thể được khai báo trong một phần tử cho

  • Tất cả các trường hợp của một phần tử HTML cụ thể (e. g. , tất cả các phần tử, tất cả các phần tử, v.v. )
  • Tất cả các thể hiện của một phần tử HTML thuộc về một lớp cụ thể (i. e. , có thuộc tính được đặt thành một số giá trị)
  • Các phiên bản đơn lẻ của một phần tử HTML (i. e. , có thuộc tính được đặt thành một số giá trị)

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 sau đây đặt một đường viền xung quanh mọi thành phần 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 thành phần 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 trong một phiên bản duy nhất của , hãy đặt thuộc tính

 


  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ử và , đặ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 ra ). Khi được kết hợp với biểu định kiểu, các phần tử 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 thuộc tính và

Trong ví dụ sau, chúng tôi sử dụng phần tử để đặ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ố 8_______

Trong ví dụ sau, chúng tôi sử dụng thuộc tính và để thiết lập sự biện minh cho văn bản cho một loạt các đoạ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 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 ở nơi khác trong tài liệu

 


 

The Chieftain product range is our market winner for the coming year. This report sets out how to position Chieftain against competing products.

Chieftain replaces the Commander range, which will remain on the price list until further notice.

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, 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ông nhận

Các khai báo mẫu sau đây áp dụng cho các phần tử. 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 dương. Khi được in, tất cả các phiên bản sẽ được căn giữa


  
    
  
  
    

This paragraph should have special green text.

0

Ví 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


  
    
  
  
    

This paragraph should have special green text.

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 trê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

  • Tác giả và người quản lý trang Web có thể chia sẻ biểu định kiểu trên một số tài liệu (và trang web)
  • Tác giả có thể thay đổi biểu định kiểu mà không yêu cầu sửa đổi tài liệu
  • Tác nhân người dùng có thể tải biểu định kiểu có chọn lọc (dựa trên mô tả phương tiện)

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 trên 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 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ử

  • Đặt giá trị của thành vị trí của tệp biểu định kiểu. Giá trị của là một
  • Đặt giá trị của thuộc tính để biểu thị ngôn ngữ của tài nguyên (biểu định kiểu) được liên kết. Điều này cho phép tác nhân người dùng tránh tải xuống biểu định kiểu cho ngôn ngữ biểu định kiểu không được hỗ trợ
  • Chỉ định rằng biểu định kiểu là liên tục, được ưu tiên hoặc thay thế
    • Để tạo một biểu định kiểu liên tục, hãy đặt thuộc tính thành "biểu định kiểu" và không đặt thuộc tính
    • Để tạo biểu định kiểu được ưu tiên, hãy đặt thuộc tính thành "biểu định kiểu" và đặt tên biểu định kiểu bằng thuộc tính
    • Để chỉ định biểu định kiểu thay thế, hãy đặt thuộc tính thành "biểu định kiểu thay thế" và đặt tên biểu định kiểu bằng thuộc tính

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 được khuyến nghị là 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 này làm cho biểu định kiểu ưa thích của tác giả


  
    
  
  
    

This paragraph should have special green text.

3

Việc thêm từ khóa "alternate" vào thuộc tính sẽ biến nó thành 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ề

Tác giả cũng có thể sử dụng phần tử để đặ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ể bao gồm dòng sau trong phần

Biểu định kiểu ưa thích cũng có thể được chỉ định với các tiêu đề HTTP. Phần khai báo trên tương đương với HTTP header

Nếu hai hoặc nhiều khai báo 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. Tiêu đề HTTP được coi là xuất hiện sớm hơn tài liệu cho mục đích này

Nếu hai hoặc nhiều thành phần chỉ định biểu định kiểu ưa thích, thì biểu định kiểu đầu tiên sẽ được ưu tiên

Biểu định kiểu ưa thích được chỉ định với hoặc tiêu đề HTTP được ưu tiên hơn các biểu định kiểu được chỉ định với phần tử

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 một tầng, tác giả chỉ định một chuỗi và/hoặc các phần tử. Thông tin kiểu dáng được sắp xếp theo thứ tự các phần tử xuất hiện trong

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


  
    
  
  
    

This paragraph should have special green text.

6

Đây là một ví dụ xếp tầng liên quan đến cả các phần tử và


  
    
  
  
    

This paragraph should have special green text.

7

Mộ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ả hai và có thể được sử dụng với thuộc tính. 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ử được sử dụng để in và màn hình nhưng không dùng để hiển thị âm thanh


  
    
  
  
    

This paragraph should have special green text.

8

14. 4. 2 Kế thừa và xếp tầng

Khi 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 một quy tắc duy nhất áp dụng cho phần tử

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 thành phần 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ử để đả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 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ư một phần tử 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 yếu 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 để 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

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 các tiêu đề. Để 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

và các phần tử được ngụ ý bởi các tiêu đề HTTP được xác định là xảy ra trước bất kỳ phần tử và rõ ràng nào trong tài liệu

Biểu định kiểu được sử dụng cho CSS là gì?

CSS (Cascading Style Sheets) được sử dụng để tạo kiểu và bố cục trang web — ví dụ: để thay đổi phông chữ, màu sắc, kích thước, .

biểu định kiểu với ví dụ là gì?

Biểu định kiểu là tệp cho trình duyệt biết cách hiển thị trang . Thậm chí còn có các biểu định kiểu âm thanh [sắp ra mắt -1997] để báo cho trình duyệt giọng nói cách phát âm các thẻ khác nhau. Khuyến nghị hiện tại cho biểu định kiểu là ngôn ngữ "Cascading Style Sheets" (CSS).

Mục đích của biểu định kiểu * là gì?

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 vào, 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. Đặ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

Style sheet trong thiết kế là gì?

Chà, biểu định kiểu InDesign là các công cụ hữu ích, tiết kiệm thời gian giúp việc định dạng văn bản trong tài liệu của bạn trở nên rất đơn giản . Chúng cho phép bạn xác định các thuộc tính cụ thể một lần và sau đó áp dụng lặp đi lặp lại các thuộc tính đó cho các vùng văn bản khác nhau chỉ bằng một cú nhấp chuột.