CSS Introduction

 CSS là cái gì?

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

Tại sao chúng ta lại sử dụng CSS?

CSS được sử dụng để định nghĩa các style cho các trang web của bạn, bao gồm cả cách trình bày, bố cục và  các biến thể hiển thị cho các thiết bị và kích thước màn hình  khác nhau.

Ví dụ:

body {
    background-color: lightblue;
}

h1 {
    color: white;
    text-align: center;
}

p {
    font-family: verdana;
    font-size: 20px;
}

CSS giải quyết một vấn đề lớn

HTML không bao giờ được dự định để chứa đựng 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>This is a heading</h1>

<p>This is a paragraph.</p>

Khi các thẻ như <font>, và thuộc tính color được thêm vào HTML 3.2, nó đã bắt đầu một cơn ác mộng cho các nhà phát triển web. Sự phát triển của các website lớn, ở đó thông tin về fonts và color được thêm vào mỗi trang, trở thành một quá trình dài dòng 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ỏ định dạng kiểu khỏi trang HTML!

CSS tiết kiệm được nhiều công việc

Các định nghĩa style thường được lưu trong các tập tin *.css bên ngoài.

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