CSS (Cascading Style Sheets)

CSS là ngôn ngữ kiểm soát trình bày trực quan của trang web — bố cục, màu sắc, kiểu chữ, khoảng cách, hoạt ảnh và thiết kế responsive. Nó là một trong ba công nghệ cốt lõi của web cùng HTML và JavaScript.

Loại MIME

text/css

Loại

Văn bản

Nén

Không mất dữ liệu

Ưu điểm

+ Separates presentation from content (HTML)
+ Powerful layout systems: Flexbox, Grid, and container queries
+ Custom properties enable theming and dynamic values
+ Media queries enable responsive design for all screen sizes

Nhược điểm

− Global scope can cause unintended style conflicts
− Browser compatibility differences require testing
− No native variables before custom properties (pre-2017)

Khi nào nên dùng .CSS

Sử dụng CSS cho tất cả tạo kiểu trang web, từ kiểu chữ đơn giản đến bố cục phức tạp và hoạt ảnh.

Chi tiết kỹ thuật

CSS sử dụng selector để nhắm vào phần tử HTML và khối khai báo để áp dụng kiểu. Cascade xác định quyền ưu tiên thông qua specificity, nguồn gốc và thứ tự. Bố cục hiện đại sử dụng Flexbox (1D) và Grid (2D).

Lịch sử

Håkon Wium Lie đề xuất CSS vào năm 1994 tại CERN. CSS1 được công bố năm 1996, CSS2 năm 1998, và CSS3 được phát triển dưới dạng các module riêng biệt (Flexbox, Grid, Custom Properties) kể từ năm 2011.

Chuyển đổi từ .CSS

.css → .html .css → .js .css → .json .css → .jsx .css → .less .css → .scss .css → .ts .css → .tsx

Chuyển đổi sang .CSS

.html → .css .js → .css .json → .css .jsx → .css .less → .css .scss → .css .ts → .css .tsx → .css

Định dạng liên quan

.c .cpp .csv .go .java .js .json .jsx .less .py .rs .scss .sql .toml .ts .tsv .tsx .xml .yaml .yml

Thuật ngữ liên quan

Aspect Ratio (CSS) BEM Calc Cascade Color Function CSS max() CSS min() CSS Nesting Selector CSS Paint API CSS Scope Custom Properties Inheritance Data URI EPUB Keyframe Animation lab() Layer Nesting Popover Specificity Stacking Context

Learn More

CSS Units Explained: px, em, rem, vh, and When to Use Each

CSS offers over a dozen length units, each suited to different situations. Understanding the differences between absolute and relative units …

JSON vs YAML vs TOML: Choosing a Configuration Format

Configuration files are the backbone of modern applications. JSON, YAML, and TOML each offer different trade-offs between readability, complexity, and …

Flexbox vs CSS Grid: A Practical Comparison

Flexbox and CSS Grid are complementary layout systems, not competitors. This guide clarifies when to reach for each one and …

How to Format and Validate JSON Data

Malformed JSON causes silent failures in APIs and configuration files. Learn how to format, validate, and debug JSON documents to …

Base64 Encoding: How It Works and When to Use It

Base64 converts binary data into ASCII text, making it safe for transmission through text-based systems. Learn when Base64 is the …

How to Create CSS Gradients: Linear, Radial, and Conic

CSS gradients create smooth color transitions without image files. Learn to build linear, radial, and conic gradients with precise control …

Trường hợp sử dụng

T Minifying and Optimizing CSS for Production Deployment