---
title: CSS
slug: Web/CSS
tags:
  - CSS
  - Design
  - Layout
  - NeedsTranslation
  - References
  - TopicStub
translation_of: Web/CSS
---
<p><span class="seoSummary"><strong>Cascading Style Sheets</strong>, viết tắt là <strong>CSS</strong>, là một ngôn ngữ <a href="/en-US/docs/DOM/stylesheet">định kiểu</a> được sử dụng để mô tả việc trình bày một tài liệu được viết bằng <a href="/en-US/docs/HTML" title="The HyperText Mark-up Language">HTML</a></span> or <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a> (bao gồm các ngôn ngữ khác nhau như XML, <a href="/en-US/docs/SVG" title="en-US/docs/SVG">SVG</a> or <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>)<span class="seoSummary">. CSS mô tả cách các phần tử được hiển thị trên màn hình, trên giấy, trong lời nói, hoặc trên các phương tiện khác.</span></p>

<p>CSS là một trong những ngôn ngữ cốt lõi của<em> web</em> mở và có đặt tả <a class="external" href="http://w3.org/Style/CSS/#specs">W3C specification</a>. Được phát triển theo cấp độ, CSS1 hiện tại đã lỗi thời, CSS2.1 là một đề xuất và <a href="/en-US/docs/CSS/CSS3" title="CSS3">CSS3</a>, hiên được chia thành các mô-đun nhỏ hơn, đang tiến triển trên bản theo dõi chuẩn. Bản thảo đầu tiên của các mô-đun CSS4 đang được viết.</p>

<div style="margin: auto; text-align: center;">
<div class="callout-box action-driven">
<div>Tài liệu tham khảo CSS</div>

<p><a href="/en-US/docs/CSS/CSS_Reference" title="en-US/docs/CSS/CSS_Reference">Tài liệu tham khảo</a> đầy đủ của chúng tôi dành cho <u>các nhà phát triển web dày dặn kinh nghiệm</u> mô tả mọi thuộc tính và khái niệm về CSS.</p>
</div>

<div class="callout-box action-driven">
<div>Hướng dẫn CSS</div>

<p><a href="/en-US/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started">Giới thiệu từng bước</a> hỗ trợ đầy đủ cho <u>người mới</u> bắt đầu. Nó trình bày tất cả các nguyên tắc cơ bản cần thiết.</p>
</div>

<div class="callout-box action-driven">
<div>CSS3 Demos</div>

<p>Một <a href="/en-US/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">bộ sưa tập các bản trình diễn</a> hiển thị <u>các công nghệ CSS mới nhất</u> đang hoạt động: một sự thúc đẩy cho sự sáng tạo.</p>
</div>
</div>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">Tài liệu và hướng dẫn về CSS</h2>

<dl>
 <dt>Các khái niệm chính về CSS</dt>
 <dd>Mô tả <a href="/en-US/docs/CSS/Syntax" title="/en-US/docs/CSS/Syntax">cú pháp của ngôn ngữ</a> và giới thiệu các nguyên tắc cơ bản như <a href="/en-US/docs/CSS/Specificity" title="Specificity">đặc tính</a> và <a href="/en-US/docs/CSS/inheritance" title="inheritance">sự kế thừa</a>, <a href="/en-US/docs/CSS/box_model" title="Box model">mô hình hộp</a> và <a href="/en-US/docs/CSS/margin_collapsing" title="Margin collapsing">biên độ thu hẹp</a>, <a href="/en-US/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">xếp chồng</a> và các <a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">định dạng khối</a>, hoặc các giá trị <a href="/en-US/docs/CSS/initial_value" title="initial value">ban đầu</a>, <a href="/en-US/docs/CSS/computed_value" title="computed value">được tính toán</a>, <a href="/en-US/docs/CSS/used_value" title="used value">được sử dụng</a> và <a href="/en-US/docs/CSS/actual_value" title="actual value">thực tế</a>. Các thực thể như <a href="/en-US/docs/CSS/Shorthand_properties" title="CSS/Shorthand_properties">các thuộc tính CSS viết tắt</a> cũng được xác định.</dd>
 <dt><a href="/en-US/docs/CSS/Writing_Efficient_CSS" title="CSS/Writing_Efficient_CSS">Viết CSS hiệu quả</a></dt>
 <dd>Giải thích cách các công cụ định kiểu thực hiện việc so khớp bộ chọn và mô tả các quy tắc để viết CSS hiệu quả hơn.</dd>
 <dt><a href="/en-US/docs/CSS/Tutorials/Using_CSS_transforms" title="How to use CSS3 Transforms (2D and 3D)">Chuyển đổi CSS</a></dt>
 <dd>Trình bày các hoạt động 2D có thể được áp dụng cho từng phần tử để xoay, nghiêng, dịch chuyển nó.</dd>
 <dt><a href="/en-US/docs/CSS/Tutorials/Using_CSS_transitions" title="How to use a CSS transition">Chuyển tiếp CSS</a></dt>
 <dd>Giải thích cách thay của một phần tử bằng cách sử dụng một động mượt giữa trạng thái ban đầu và trạng thái cuối cùng.</dd>
 <dt><a href="/en-US/docs/CSS/Tutorials/Using_CSS_animations" title="How to use a CSS animation">Hoạt ảnh trong CSS</a></dt>
 <dd>Mô tả cách xác định hoạt ảnh của một phần tử mà còn cách <a href="/en-US/docs/CSS/CSS_animations/Detecting_CSS_animation_support">phát hiện</a> trong Javascript nếu trình duyệt hỗ trợ nó.</dd>
 <dt><a href="/en-US/docs/CSS/Using_CSS_gradients" title="How to use CSS3 Gradients">Sử dụng Gradient trong CSS</a></dt>
 <dd>Giải thích cách xác định gradient, hình ảnh bao gồm các biến thể mượt mà của màu sắc.</dd>
 <dt><a href="/en-US/docs/CSS/Using_CSS_multi-column_layouts" title="How to use CSS3 Multicol layout">Bố cục nhiều cột trong CSS</a></dt>
 <dd>Trình bày cách tạo trang nhiều cột bằng cách sử dụng bố cục nhiều cột CSS3.</dd>
 <dt><a href="/en-US/docs/CSS/Multiple_backgrounds" title="How to use the CSS3 multiple background feature">Sử dụng nhiều nền trong CSS</a></dt>
 <dd>Mô tả cách xác định một số hình nền trên cùng một thành phần.</dd>
 <dt><a href="/en-US/docs/CSS/Scaling_background_images" title="CSS/Scaling_background_images">Chia tỷ lệ hình ảnh nền</a></dt>
 <dd>Hiển thị cách kiểm soát hình nền khi hình ảnh và vùng chứa không cùng kích thước.</dd>
 <dt><a class="internal" href="/en-US/docs/CSS/Media_queries" title="How to use CSS3 Media Queries">CSS media queries</a></dt>
 <dd>Trình bày cách chọn các định kiểu dựa trên những chi tiết của thiết bị được hiển thị, như kích thước màn hình, độ phân giải hoặc nếu nó có màn hình cảm ứng.</dd>
 <dt><a href="/en-US/docs/CSS_Counters" title="CSS Counters">Bộ đếm trong CSS</a></dt>
 <dd>Giải thích cách sử dụng bộ đếm tự động và đánh số, về cơ bản được sử dụng làm bộ đếm cho danh sách.</dd>
 <dt>Fonts và Typography</dt>
 <dd>Thông báo về quản lý <a href="/en-US/docs/CSS/font" title="font">phông chữ</a> bằng cách sử dụng {{ cssxref("@font-face") }} và định dạng <a href="/en-US/docs/WOFF" title="About_WOFF">phông chữ WOFF</a>.</dd>
 <dt><a href="/en-US/docs/CSS/Using_CSS_flexible_boxes" title="Using CSS flexible boxes">Sử dụng các hộp linh hoạt CSS</a></dt>
 <dd>Mô tả cách sử dụng các hộp linh hoạt để thiết kế bố cục.</dd>
 <dt><a href="/en-US/docs/Consistent_List_Indentation" title="Consistent_List_Indentation">Consistent List Indentation</a></dt>
 <dd>Việc cố gắng thay đổi thụt đầu dòng của các danh sách bằng CSS thì phức tạp hơn, nhưng vì các trình duyệt tuân thủ CSS có các đường dẫn khác nhau để thụt lề mặc định. Tìm hiểu làm thế nào để có được tất cả trong dòng.</dd>
 <dt><a href="/en-US/docs/DOM/Using_dynamic_styling_information" title="DOM/Using_dynamic_styling_information">Using dynamic styling information</a></dt>
 <dd>Cách lấy thông tin và thao tác kiểu dáng thông qua DOM..</dd>
</dl>

<p><span class="alllinks"><a href="/en-US/docs/tag/CSS" title="/en-US/docs/tag/CSS">Xem tất cả ...</a></span></p>
</div>

<div class="section">
<h2 class="Community" id="Community" name="Community">Hỗ trợ từ cộng đồng</h2>

<p>Bạn cần trợ giúp về vấn đề liên quan đến CSS và không thể tìm thấy giải pháp trong tài liệu?</p>

<ul>
 <li>Kiểm tra <a href="/en-US/docs/CSS/Common_CSS_Questions" title="en-US/docs/CSS/Common_CSS_Questions">các câu hỏi CSS phổ biến</a> để có gợi ý giải quyết vấn đề CSS.</li>
 <li><a href="http://stackoverflow.com/questions/tagged/css" title="http://stackoverflow.com/questions/tagged/css">Stack Overflow</a>, một trang web hỏi - đáp được xây dựng và duy trì, tại đây bạn có thể tìm thấy đáp án cho câu hỏi của mình hay không. Nếu không bạn sẽ có thể đặt câu hỏi của mình ở đó.</li>
 <li>Tham khảo diễn đàn về bố cục, bao gồm CSS và HTML
  <ul>
   <li>Đặt câu hỏi của bạn trên kên Mozilla IRC: <a class="link-irc" href="irc://irc.mozilla.org/css">#css</a></li>
   <li>Đặt câu hỏi của bạn trên <a href="http://www.css-discuss.org/">trang web và danh sách thảo luận CSS</a></li>
  </ul>
 </li>
</ul>

<p><span class="alllinks"><a class="external" href="http://www.catb.org/~esr/faqs/smart-questions.html" title="http://www.catb.org/~esr/faqs/smart-questions.html">Don't forget about the <em>netiquette</em>...</a></span></p>

<h2 class="Tools" id="Tools" name="Tools">Công cụ dễ dàng phát triển CSS</h2>

<ul>
 <li><a class="external" href="http://jigsaw.w3.org/css-validator/">Dịch vụ Xác thực CSS W3C </a>kiểm tra CSS có hợp lệ. Nó là một công cụ gỡ lỗi vô cùng hữu ích.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug tiện ích mở rộng</a> của Firefox<span class="external">, một phần mở rộng phổ biến đó cho phép chỉnh sửa CSS trực tiếp trên các trang web mà bạn muốn xem</span>. Rất thực tế để kiểm tra một số thay đổi, mặc dù tiện ích mở rộng này làm được nhiều hơn nữa.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Tiện ích mở rộng Web Developer</a> của Firefox cũng cho phép xem và chỉnh sửa trực tuyến trên trang web bạn đang xem. Đơn giản hơn Firebug, mặc dù ít mạnh mẽ hơn.</li>
 <li><a class="external link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">Tiện ích EditCSS </a>của Firefox' cho phép sửa CSS trên Sidebar.</li>
</ul>

<p><span class="alllinks"><a href="/en-US/docs/tag/CSS:Tools" title="/en-US/docs/tag/CSS:Tools">Xem tất cả...</a></span></p>

<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Chủ đề liên quan</h2>

<ul>
 <li>Mozilla Learn <a href="/en-US/learn/css" title="https://developer.mozilla.org/en-US/learn/css">CSS resources</a>.</li>
 <li>Các ngôn ngữ Web mở trên CSS, thường được áp dụng như: <a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/SVG" title="SVG">SVG</a>, <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>.</li>
 <li>Các công nghệ của Mozilla sử dụng CSS: <a href="/en-US/docs/XUL" title="en-US/docs/XUL">XUL</a>, <a href="/en-US/docs/Extensions" title="en-US/docs/Extensions">Tiện ích mở rộng</a> của Firefox và Thunderbird, và <a href="/en-US/docs/Themes" title="en-US/docs/Themes">các chủ đề</a>.</li>
</ul>
</div>
</div>