Tại sao nó được gọi là CSS?

CSS là viết tắt của Cascading Style Sheets. Biểu định kiểu chỉ đơn giản là tệp văn bản (. css ), bao gồm các dòng mã cho trình duyệt biết cách hiển thị trang HTML. Chúng cung cấp cho nhà thiết kế nhiều quyền kiểm soát hơn đối với giao diện của trang web bằng cách cho phép xác định cụ thể các kiểu cho các phần tử, chẳng hạn như phông chữ, trên trang. Bằng cách sử dụng CSS, người ta có thể tách nội dung HTML khỏi giao diện của nó, phân biệt phong cách với cấu trúc

Ý tưởng

Một cách nghĩ về CSS là như một công cụ xử lý văn bản cho trang web

Ví dụ: nếu bạn đang viết một bài báo trong chương trình văn bản, bạn có thể có trang tiêu đề, trang dàn ý và sau đó là các trang cho phần còn lại của bài báo. Đối với trang tiêu đề của bạn, bạn đặt văn bản tiêu đề của bài báo thành đậm, Times New Roman và có cỡ chữ là 18pt. Trên trang phác thảo của bạn, bạn đặt văn bản thành bình thường với cỡ chữ là 12pt. Trong phần còn lại của bài báo, đối với tất cả các tiêu đề chủ đề được nêu trong dàn ý của bạn, bạn đặt văn bản đó thành đậm và có cỡ chữ 14pt. Đối với văn bản trong đoạn văn của bạn, bạn đặt chúng ở dạng bình thường với cỡ chữ là 12pt. Trong bài báo của bạn, có những trích dẫn mà bạn muốn thụt lề và có các phông chữ khác nhau, v.v.

In đậm, phông chữ và cỡ chữ đều là các thuộc tính của văn bản hoặc Loại. Bằng cách chỉ định cách xuất hiện của từng thành phần loại trong bài báo của bạn, điều bạn đang làm về cơ bản là tạo kiểu

Trong CSS, kiểu là một nhóm các thuộc tính khác nhau được đặt tên chung. Nếu bạn định tạo lại bài viết này cho web, bạn có thể xác định kiểu cho văn bản trên trang tiêu đề, trang phác thảo, v.v. Ví dụ của chúng tôi, bạn có thể tạo một kiểu có tên là tiêu đề chủ đề và chỉ định thuộc tính phông chữ của nó là in đậm và có cỡ chữ là 14pt. Một đặc điểm kỹ thuật của một thuộc tính được gọi là một quy tắc. Với một kiểu được thiết lập, bất cứ khi nào bạn nhập văn bản cho tiêu đề chủ đề, bạn có thể đặt nó thành kiểu Tiêu đề chủ đề và tất cả các thuộc tính của kiểu đó được áp dụng cho văn bản đã chọn trong một bước. Sau này, nếu bạn quyết định thay đổi màu phông chữ hoặc một số khía cạnh khác của kiểu, bạn chỉ có thể thay đổi định nghĩa hoặc thông số kỹ thuật của nó trong biểu định kiểu và hình thức của tất cả văn bản được đánh dấu bằng kiểu đó sẽ thay đổi trong toàn bộ trang web hoặc trang web

Biểu định kiểu có thể tồn tại bên trong (được nhúng hoặc nội tuyến) trong HTML hoặc bên ngoài, được đính kèm dưới dạng một tệp riêng biệt. Biểu định kiểu nội bộ chỉ ảnh hưởng đến tài liệu HTML mà nó được nhúng vào. Mặt khác, một biểu định kiểu bên ngoài là độc lập và có thể được đính kèm hoặc liên kết với nhiều tài liệu HTML. Với các biểu định kiểu bên ngoài, người ta có thể thay đổi toàn bộ giao diện của trang web bằng cách thay đổi chỉ một tệp

Tại sao biểu định kiểu được gọi là 'xếp tầng'? . Vì một số biểu định kiểu có thể ảnh hưởng đến giao diện của trang HTML nên phải có thứ tự áp dụng các biểu định kiểu. Các biểu định kiểu được áp dụng theo thứ tự 'xếp tầng' với biểu định kiểu của nhà thiết kế có yêu cầu mạnh nhất, tiếp theo là của người dùng và sau đó là của trình duyệt. Nếu có xung đột giữa biểu định kiểu của người thiết kế và người dùng, trình duyệt sẽ giải quyết xung đột đó. Mặc dù, cuối cùng, người dùng luôn có thể ghi đè bất kỳ biểu định kiểu nào khác nếu muốn

Tại sao lại sử dụng nó?

World Wide Web Consortium (W3C), một tổ chức gồm các chuyên gia trong các lĩnh vực liên quan đến web, đã đưa ra hai khuyến nghị về biểu mẫu, tiêu chuẩn web. CSS1 và CSS2. CSS 1, xuất bản năm 1996, chứa thông số kỹ thuật cho khoảng 50 thuộc tính định dạng, tôi. e. màu sắc, được sử dụng trong các bài thuyết trình dựa trên màn hình. CSS2, xuất bản năm 1998, được xây dựng trên CSS1. Nó chứa tất cả các thuộc tính trong CSS1, cùng với khoảng 70 thuộc tính khác. Các thuộc tính mới hơn này bao gồm một số thuộc tính liên quan đến bản trình bày bằng âm thanh, tài liệu được đọc cho người dùng, một giải pháp thay thế cho người khiếm thị. CSS cung cấp định dạng chính xác hơn HTML cho bố cục và thiết kế phức tạp

Một trong những lý do chính tại sao CSS được tạo ra là để tách nội dung HTML khỏi giao diện hoặc kiểu dáng khỏi cấu trúc. Bằng cách đó, người ta có thể chỉ cần một tệp kiểm soát giao diện của toàn bộ trang web một cách hiệu quả. Điều này tiết kiệm thời gian và cho phép bảo trì trang web dễ dàng hơn. Ví dụ: nếu một người muốn thay đổi kiểu phông chữ của tất cả các liên kết trong trang web từ 'Verdana' thành 'Courier', thay vì đi qua từng trang HTML và thay đổi tất cả các thẻ phông chữ, người ta có thể chuyển đến tệp biểu định kiểu và . Vì sẽ không có nhiều thứ để thay đổi nên khả năng đưa lỗi vào trang web cũng giảm xuống, tiết kiệm nhiều thời gian hơn. Là một tệp riêng biệt, biểu định kiểu có thể dễ dàng được sửa đổi cho các loại trình duyệt và thiết bị khác nhau, tiếp tục mở rộng khả năng truy cập web cho tất cả các loại người dùng

Ưu điểm của CSS

• Định dạng chính xác hơn
• Tách Nội dung HTML khỏi Giao diện
• Tiết kiệm thời gian
• Bảo trì trang web dễ dàng hơn
• Khả năng truy cập web

Tại sao không sử dụng nó?

Mặc dù các tiêu chuẩn CSS đã được ban hành bởi World Wide Web Consortium, vẫn có hỗ trợ trình duyệt không nhất quán. Hỗ trợ CSS style sheet, bắt đầu từ Netscape Navigator 4. 0x và Internet Explorer 3, rất khác nhau giữa các trình duyệt và giữa các phiên bản khác nhau của cùng một trình duyệt. Các phiên bản trình duyệt mới hơn có xu hướng cung cấp hỗ trợ tốt hơn các phiên bản cũ hơn

Vì CSS1 đã được xuất bản trước đó nên nó được hỗ trợ rộng rãi trong Netscape Navigator 6 và được chấp nhận trong Internet Explorer phiên bản 4. 5 cho Macintosh và IE5 trở đi cho Windows. Ô-pê-ra 3. 6 cho Windows hỗ trợ CSS1 rất tốt và các phiên bản gần đây của trình duyệt này còn hỗ trợ tốt hơn

Hỗ trợ cho CSS2, được xuất bản hai năm sau, kém hơn. Nó gần như không tồn tại trong Netscape Navigator 4. 0x và rất hạn chế trong Internet Explorer 4. 5. Có thêm một chút hỗ trợ cho CSS2 trong Internet Explorer 5 (IE5) cho Macintosh và IE5 và IE6 cho Windows. Netscape 6 và Opera 5 đều có hỗ trợ đáng kể cho CSS2

Để xem thuộc tính CSS nào được hỗ trợ trong trình duyệt nào, hãy kiểm tra các biểu đồ Hỗ trợ trình duyệt CSS này

Tùy thuộc vào đối tượng dự định của bạn, hỗ trợ trình duyệt có thể trở thành một vấn đề thực sự. Tốt nhất, bạn nên phát triển trang web của mình để tiếp cận đối tượng lớn nhất, bao gồm cả những người vẫn đang sử dụng trình duyệt "tiền CSS". Vì lý do này, việc sử dụng CSS trên trang web của bạn có thể không phù hợp

Cố gắng tạo một biểu định kiểu hoạt động trong tất cả các trình duyệt chính có thể là một quá trình thử và sai tốn thời gian, đòi hỏi cam kết thời gian ban đầu lớn hơn để kiểm tra xem tài liệu HTML có xuất hiện tương đối chính xác trong các trình duyệt khác nhau không. Ngay cả sau tất cả sự thất vọng đó, trang web có thể không hoàn hảo trong tất cả các trình duyệt. Để kiểm tra cú pháp, ngữ pháp và các lỗi có thể có trong tệp CSS của bạn, bạn nên xác thực chúng

Tại sao CSS là viết tắt của?

Ý nghĩa của tầng C trong CSS là gì?