Css là gì?

Css là gì?

53
CHIA SẺ
css là gì

Css là gì?

CSS là viết tắt của Cascading Style Sheets. Đây là một ngôn style sheet được sử dụng để mô tả giao diện và định dạng của một tài liệu viết bằng ngôn ngữ đánh dấu (markup). Nó cung cấp một tính năng bổ sung cho HTML. Nó thường được sử dụng với HTML để thay đổi phong cách của trang web và giao diện người dùng. Nó cũng có thể được sử dụng với bất kỳ loại tài liệu XML nào bao gồm cả XML đơn giản, SVG và XUL.

CSS được sử dụng cùng với HTML và JavaScript trong hầu hết các trang web để tạo giao diện người dùng cho các ứng dụng web và giao diện người dùng cho nhiều ứng dụng di động.

CSS làm được những gì?

+ Bạn có thể thêm giao diện mới vào các tài liệu HTML cũ.

+ Bạn hoàn toàn có thể thay đổi giao diện trang web của mình chỉ với một vài thay đổi trong mã CSS.

css là gì

Tại sao lại sử dụng CSS

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

Trước khi có CSS, các thẻ như phông chữ, màu sắc, kiểu nền, các sắp xếp phần tử, đường viền và kích thước phải được lặp lại trên mọi trang web. Đây là một quá trình rất dài tốn thời gian và công sức. Ví dụ: Nếu bạn đang phát triển một trang web lớn nơi phông chữ và thông tin màu được thêm vào mỗi trang, nó sẽ trở thành một quá trình dài và tốn kém. CSS đã được tạo ra để giải quyết vấn đề này. Đó là một khuyến cáo của W3C.

Tiết kiệm rất nhiều thời gian

Định nghĩa kiểu CSS được lưu trong các tệp CSS bên ngoài vì vậy có thể thay đổi toàn bộ trang web bằng cách thay đổi chỉ một tệp.

Cung cấp thêm các thuộc tính

CSS cung cấp các thuộc tính chi tiết hơn HTML để định nghĩa giao diện của trang web.

Ví dụ về CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE
<html>
  <head>
    <style
      h1 { 
        color:white; 
        background-color:#00eeee; 
        padding:5px; 
      
      p { 
        color:blue; 
      
    </style>
  </head>
  <body>
    <h1>Thiết Kế Web Chuẩn Seo</h1>
    <p>This is Paragraph.</p>
  </body>
</html>

Kết quả:

Thiết Kế Web Chuẩn Seo

Mọi thông tin mà bạn cần tham khảo thì bạn có thể xem thêm các bài viết của chúng tôi!

>>> Xem thêm: Jquery là gì

 

CHIA SẺ
Bài viết trướcJquery là gì?
Bài kếHTML là gì?