Có rất nhiều loại ngôn ngữ được sử dụng nhằm đơn giản hóa quá trình triển khai trang web. Một trong số đó là CSS được tích hợp với ngôn ngữ đánh dấu HTML phù ...

Có rất nhiều loại ngôn ngữ được sử dụng nhằm đơn giản hóa quá trình triển khai trang web. Một trong số đó là CSS được tích hợp với ngôn ngữ đánh dấu HTML phù hợp với hầu hết các tài liệu trên web. Vậy cụ thể CSS là gì? Hãy cùng Thuvienhoidap.com tìm hiểu ở bài viết dưới đây.

CSS là gì?

CSS la gi

CSS – Cascading Style Sheets là một kỹ thuật tích hợp với ngôn ngữ HTML để phát triển UI tuân thủ các các quy tắc của Separation of Concern. Cụ thể thì CSS là một ngôn ngữ được triển khai nhằm đơn giản hóa định dạng các trang HTML.

Separation of Concerns là gì?

Separation of Concern (SoC) cung cấp các phần tử HTML cho trang web như phông chữ, màu nền, bố cục, văn bản, tiêu đề hay các bảng. Ngoài ra, CSS cũng có khả năng kiểm soát các yếu tố của trang như bố cục đầu cuối, nội dung bài viết, các phần và thanh bên. Điều này mang lại nhiều lợi ích khi nội dung được định dạng hiển thị trên máy tính để bàn, máy tính bảng hay điện thoại thông minh.

Lịch sử của CSS

Trước kia, các tệp HTML ngoài ngôn ngữ và các nội dung đánh dấu thì còn bao gồm cả thông tin định dạng và JavaScript. Do đó, các trang web gặp nhiều vấn đề như khó đọc, viết, cập nhật và bảo trì.

Hiện nay, các trang web được phát triển các tính năng nâng cao hỗ trợ phân tách HTML, định dạng nội dung tập lệnh và thông tin Style thành các tệp riêng biệt. Điều này trở thành một phương pháp giúp cho việc bảo trì trở nên dễ dàng hơn. Một trang web hiện đại được cấu tạo từ ba yếu tố chính đó là CSS, tệp JavaScript và tệp HTML.

Style của CSS

Về cơ bản, CSS là một kiểu thông tin Style của trang web được xác định trong ba nơi khác nhau, còn được gọi là cấp độ Style. Thông thường, thông tin Style sẽ được thực thi trong một tệp riêng biệt so với phần mở rộng .css. Do đó, các thông tin định dạng trong CSS ngoài sẽ được thực hiện thông qua thẻ liên kết HTML. Mỗi trang web có thể liên kết với số 0, 1 hoặc các tệp External Cascading Style Sheet khác bằng cách sử dụng nhiều thẻ liên kết khác nhau.

{{EJS0}}

Có một số trường hợp thông tin Style được viết trong thẻ