Khái niệm CSS là gì ?

- CSS (Cascading Style Sheets) là một file có phần mở rông là .css, file này có tác dụng tách riêng phần định dạng (style) ra khỏi nội dung HTML.

- Việc sử dụng kỹ thuật CSS trong thiết kế website chuyên nghiệp giúp chúng ta dễ dàng quản lý được nội dung trong HTML, tiết kiệm được nhiều thời gian trong chỉnh sửa đặc biệt là các dự án lớn được kết cấu từ nhiều trang HTML.

- Chúng ta cần phân biệt rõ giữa CSS và Style trong HTML. Nếu như Style được dùng để định dạng nội dung trong HTML thì CSS là một file chưa Style. Để có cái nhìn sơ bộ về sự khác biệt này ta theo dõi ví dụ minh hoạ bên dưới

Ví dụ minh hoạ 01 về style trong HTML

<html>
<head>
     <style>
     p { color: #b0b0b0; }
    </style>
</head>

<body>
     <p>Một đoạn văn bản.</p>
</body>
</html>

Ví dụ minh hoạ 02 về style trong HTML

<html>
<head>
</head>
<body>
     <p style="color:#b0b0b0;">Một đoạn văn bản.</p>
</body>
</html>

Bên trên là 02 ví dụ minh hoạ về 02 cách viết khác nhau sử dụng cặp thẻ đóng mở <style> và </style> nhưng cùng cho ra một kết quả định dạng nội dung HTML giống nhau.

Bài viết này chỉ mang tính chất khởi động, giúp bạn có cái nhìn tổng quan về CSS. Để biết rõ cách viết và trình bày CSS như thế nào, bài kế tiếp sẽ hướng dẫn bạn làm điều đó.