Giới thiệu CSS
CSS là ngôn ngữ chúng ta sử dụng để tạo kiểu cho một trang Web.
CSS là gì?
- CSS là viết tắt của Cascading Style Sheets
- CSS mô tả cách 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 khác
- CSS tiết kiệm rất nhiều công việc. Nó có thể kiểm soát bố cục của nhiều trang web cùng một lúc
- Các bảng định kiểu bên ngoài được lưu trữ trong các tệp CSS
Bản trình diễn CSS - Một trang HTML - Nhiều kiểu!
Ở đây chúng tôi sẽ hiển thị một trang HTML được hiển thị với bốn biểu định kiểu khác nhau. Nhấp vào các liên kết "Biểu định kiểu 1", "Biểu định kiểu 2", "Biểu định kiểu 3", "Biểu định kiểu 4" bên dưới để xem các kiểu khác nhau:
Tại sao nên sử dụng CSS?
CSS được sử dụng để xác định kiểu cho các trang web của bạn, bao gồm thiết kế, 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ụ CSS
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
} Hãy tự mình thử »CSS đã giải quyết được một vấn đề lớn
HTML KHÔNG BAO GIỜ có ý định 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à tiêu đề</h1>
<p>Đây là một đoạn văn.</p>
Khi các thẻ như <font> và thuộc tính màu sắc được thêm vào đặc tả HTML 3.2, nó bắt đầu trở thành cơn ác mộng đối với các nhà phát triển web. Việc phát triển các trang web lớn, nơi phông chữ và thông tin màu sắc được thêm vào từng trang, đã 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ỏ định dạng kiểu khỏi trang HTML!
Nếu bạn không biết HTML là gì, chúng tôi khuyên bạn nên đọc Hướng dẫn HTML của chúng tôi.
CSS tiết kiệm rất nhiều công việc!
Các định nghĩa kiểu thường được lưu trong các tệp .css bên ngoài.
Với tệp biểu định kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách chỉ thay đổi một tệp!
Video: Giới thiệu CSS
