Giới thiệu CSS

CSS là gì?

  • CSS Là bảng phong cách liên kết* (Cascading Style Ssheets)
  • CSS mô tảCSS mô tả cách hiển thị các yếu tố HTML trên màn hình, giấy hoặc các phương tiện khác
  • CSS Tiết kiệm rất nhiều công việcNó có thể kiểm soát đồng thời bố cục của nhiều trang web
  • Bảng phong cách ngoài được lưu trữ trong Tệp CSSTrung

*：Cũng được gọi là bảng phong cách liên kết.

CSS演示 - Một trang HTML - Nhiều phong cách!

Dưới đây là một trang HTML cung cấp bốn bảng phong cách khác nhau. Hãy nhấp vào liên kết bảng phong cách dưới đây để xem các phong cách khác nhau:

Tại sao sử dụng CSS?

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

Mẫu CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Thử trực tiếp một lần

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

HTML không bao giờ có ý định chứa các thẻ để định dạng trang web!

Mục đích tạo HTML làMô tả trang webví dụ:

<h1>Đây là một tiêu đề.</h1>
<p>Đây là một đoạn văn.</p>

Sau khi thêm thẻ <font> và thuộc tính color vào quy định HTML 3.2, ác mộng của các nhà phát triển web bắt đầu. Việc phát triển trang web lớn sẽ thêm thông tin về phông chữ và màu sắc vào mỗi trang, điều này trở thành một quá trình dài và tốn kém.

Để giải quyết vấn đề này, Tổ chức Liên minh Mạng thế giới (W3C) đã tạo ra CSS.

CSS đã loại bỏ định dạng phong cách từ trang HTML.

Nếu bạn không biết HTML là gì, hãy đọc Giáo trình HTML.

CSS đã tiết kiệm rất nhiều công việc!

Thường thì các định nghĩa phong cách được lưu trữ trong tệp .css bên ngoài.

Bằng cách sử dụng tệp định dạng样式 bên ngoài, bạn chỉ cần thay đổi một tệp để thay đổi toàn bộ diện mạo của trang web!