CSS Introduction - Giới thiệu CSS

[PVS]

CSS Introduction - Giới thiệu CSS

CSS là gì?

• CSS là viết tắt của Cascading Style Sheets
• CSS mô tả cách các yếu tố HTML sẽ được hiển thị trên màn hình, giấy, hoặc trong phương tiện truyền thông khác
• CSS giúp tiết kiệm rất nhiều công việc. Nó có thể kiểm soát bố trí của nhiều trang web cùng một lúc
• Stylesheets gắn bên ngoài được lưu trữ trong các tập tin CSS

CSS Demo - Một trang HTML - Nhiều Styles!
Ở đây chúng ta sẽ hiển thị một trang HTML được hiển thị với bốn stylesheets khác nhau. Click vào "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" để xem các style khác nhau:

Không Stylesheet

Stylesheet 1

Stylesheet 2

Stylesheet 3

Stylesheet 4
​

Tại sao sử dụng CSS?
CSS được sử dụng để xác định style cho trang web của bạn, bao gồm cả việc thiết kế, bố trí và các biến thể trong màn hình cho các thiết bị khác nhau và kích cỡ màn hình.

CSS giải guyết một vấn đề lớn
HTML đang NEVER nhằm chứa các thẻ để định dạng một trang web!

HTML được tạo ra để mô tả nội dung của một trang web, như:

<h1> Đây là heading </h1>

<p> Đây là một đoạn văn. </p>

Khi thẻ như <font>, và các thuộc tính màu sắc được thêm vào các đặc điểm kỹ thuật HTML 3.2, nó bắt đầu một cơn ác mộng cho các nhà phát triển web. Phát triển của các trang web lớn, nơi các phông chữ và màu sắc thông tin đã được thêm vào mỗi trang duy nhất, đã trở thành một quá trình lâu dài và tốn kém.

Để giải quyết vấn đề này, World Wide Web Consortium (W3C) tạo ra CSS.

CSS loại bỏ các kiểu định dạng từ các trang HTML!

CSS tiết kiệm một khối công việc!
Các định nghĩa style thường được lưu trong file .css bên ngoài.

Với một tập tin kiểu dáng bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi chỉ là một tập tin!

Chúc các bạn thành công.

Nguồn: w3schools.com​