1. Trang chủ
  2. Câu hỏi và trả lời
  3. Sự khác biệt giữa các bảng định kiểu mặc định, người dùng và tác giả là gì?

Sự khác biệt giữa các bảng định kiểu mặc định, người dùng và tác giả là gì?

2013-08-15 16 views

Trả lời

28

Biểu định kiểu mặc định được cung cấp bởi nhà cung cấp trình duyệt.

Bảng kiểu người dùng được cung cấp bởi người dùng trình duyệt.

Tờ kiểu tác giả được cung cấp bởi tác giả của trang web.

Nguồn

2013-08-15 12:12:12 Quentin

+0

Cảm ơn bạn đã phản hồi nhanh. Xin vui lòng cho một ví dụ về bảng kiểu người dùng. –

+1

@AtishDipongkor bất kỳ thứ gì được tìm thấy tại http://userstyles.org –

+2

Biểu định kiểu người dùng trông giống như bất kỳ biểu định kiểu nào khác, do đó, ví dụ về một biểu định kiểu sẽ không hữu ích. – Quentin

20

Các 2.1 Spec đưa ra một lời giải thích tốt của mỗi:

  1. Tác giả: Tác giả xác định style sheets cho một tài liệu nguồn theo công ước của ngôn ngữ tài liệu. Ví dụ: trong HTML, các biểu định kiểu có thể được bao gồm trong tài liệu hoặc được liên kết bên ngoài.
  2. Người dùng: Người dùng có thể chỉ định thông tin kiểu cho một tài liệu cụ thể. Ví dụ: người dùng có thể chỉ định tệp chứa bảng định kiểu hoặc tác nhân người dùng có thể cung cấp giao diện tạo bảng kiểu người dùng (hoặc hoạt động như thể nó đã làm).
  3. Tác nhân người dùng: Các đại lý người dùng phù hợp phải áp dụng biểu định kiểu mặc định (hoặc hoạt động như thể họ đã làm). Biểu định kiểu mặc định của tác nhân người dùng sẽ trình bày các phần tử của ngôn ngữ tài liệu theo cách đáp ứng kỳ vọng trình bày chung cho ngôn ngữ tài liệu (ví dụ: đối với trình duyệt hình ảnh, phần tử EM trong HTML được trình bày bằng phông chữ nghiêng). Xem Bảng định kiểu mẫu cho HTML cho một phiếu định kiểu mặc định được đề xuất cho tài liệu HTML.

Nguồn

2013-08-15 12:13:41 Adrift

6

Câu hỏi hay! Dưới đây là giải thích chi tiết các loại style sheets:

  1. Mặc định phong cách tờ: Điều đầu tiên, Mặc định tấm phong cách còn được gọi là style sheet Trình duyệt Hoặc style sheet User-agent. Đây là biểu định kiểu mà trình duyệt áp dụng theo Mặc định cho mọi trang web mà nó hiển thị. Vì vậy, nếu là tác giả của một trang web bạn không áp dụng bất kỳ kiểu dáng nào, thậm chí sau đó nó không phải là không có kiểu dáng. Nó vẫn áp dụng các chi tiết tạo kiểu có trong bảng định kiểu mặc định được cài đặt trong trình duyệt. Chúng tôi có thể giả định rằng nó phải chứa một số kiểu cho tất cả các thẻ HTML chuẩn, ví dụ: <span>, <p>, <h1> vv This Bài đăng SO cung cấp các chi tiết tuyệt vời về cách các trang mẫu mặc định của các trình duyệt khác nhau trông như thế nào.

    Xem ảnh chụp nhanh trang bên dưới. Tôi đã tạo một bảng HTML rất cơ bản không có kiểu dáng nhưng bạn vẫn thấy các tiêu đề của bảng được in đậm. Đó là đến từ phong cách mặc định của trình duyệt.

    enter image description here

  2. tài style sheet: Bây giờ mức độ thứ hai là tờ sử dụng phong cách. Trình duyệt cung cấp cho bạn tùy chọn mở rộng biểu định kiểu mặc định của trình duyệt. Ví dụ: trong internet explorer bạn có thể đi đến Công cụ> Tùy chọn Internet> Tab chung> Nút trợ năng> Cửa sổ trợ năng> Phần kiểu người dùng> Hộp kiểm định dạng tài liệu bằng cách sử dụng biểu định kiểu của tôi ".

    enter image description here

    Vì vậy, cho thẻ cùng html nếu tôi cung cấp một phong cách khác nhau trong style sheet của riêng tôi ("D: \ myuserstylesheet.css" trong trường hợp này) sau đó cùng nó sẽ bắt đầu trọng nó.

    myuserstylesheet.css trông như thế này:

    td { color: green; }

    Bây giờ, Nếu tôi tải cùng một trang web có chứa một bảng đơn giản sau khi thực hiện những thay đổi trong cài đặt trình duyệt internet explorer thì phong cách hiện diện trong sử dụng style sheet đầu trọng style sheet trình duyệt như hình dưới đây:

    enter image description here

  3. Autho r style sheets: Sau đó là bảng định dạng tác giả, đó là những gì bạn đã xác định trong trang web của mình với tư cách là người sáng tạo/tác giả của trang web. Điều này có ba hương vị:

    • Trong dòng: Được xác định bên trong chính thẻ, ví dụ: <div style="width:20px;height:20px;background-color:#ffcc00;"></div>
    • Nội bộ/Nhúng: Kiểu CSS được xác định trong <style> thẻ bên trong <head> thẻ của trang html.
    • ngoài: phong cách CSS được định nghĩa trong tập tin vật lý riêng biệt (ví dụ abc.css) được áp dụng cho một trang web html sử dụng thẻ liên kết có mặt bên trong <head> tag: <link rel="stylesheet" type="text/css" href="abc.css">

Có một nền tảng sự khác biệt về mức độ ưu tiên của việc áp dụng biểu định kiểu cho bất kỳ phần tử HTML nào được nêu chi tiết bên dưới:

Cho kiểu !important khi có va chạm có độ đặc trưng ngang nhau cho phần tử (Cao nhất đến thấp nhất)

  1. User-agent (trình duyệt) style sheet
  2. style sheet tài
  3. Author style sheet

Sau đó, đối với phong cách bình thường khi có sự va chạm của đặc hiệu bình đẳng cho một yếu tố (Cao nhất để ưu tiên thấp nhất) - Chỉ là đảo ngược

  1. tờ kiểu tác giả
  2. U style sheet ser
  3. User-agent (trình duyệt) style sheet

Khi có được va chạm của đặc hiệu bình đẳng giữa các loại khác nhau của tờ Tác giả phong cách sau đó họ sống gần với phần tử HTML (Để nguyên bản) các vấn đề khi quyết định ưu tiên /sự ưu tiên. Như sau (Ưu tiên cao nhất đến thấp nhất):

  1. In-line (Gần nhất với thẻ HTML.Trong thực tế nó là bên trong thẻ HTML riêng của mình)
  2. Internal/Embedded (tương đối xa từ thẻ HTML)
  3. ngoài (xa nhất từ ​​thẻ HTML như nó cư trú thực tế ở ngoài trang web HTML của bạn.)

Lưu ý: !important kiểu luôn có mức ưu tiên cao hơn so với kiểu bình thường. Bạn có thể đọc thêm về tính toán độ đặc hiệu trong CSS here.

Nguồn

2017-05-25 09:55:12 RBT

Các vấn đề liên quan

 Các vấn đề liên quan