CSS Introduction - Giới thiệu CSS

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,634
Được Like
10,890
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:

0.png

Không Stylesheet

1.png

Stylesheet 1

2.png

Stylesheet 2

3.png

Stylesheet 3

4.png

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ư:
Mã:
<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​
 
Người đăng Chủ đề tương tự Diễn đàn Trả lời Ngày đăng
PVS CSS 0

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom