diff options
Diffstat (limited to 'files/th/learn/css/index.html')
| -rw-r--r-- | files/th/learn/css/index.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/files/th/learn/css/index.html b/files/th/learn/css/index.html new file mode 100644 index 0000000000..03b2f56611 --- /dev/null +++ b/files/th/learn/css/index.html @@ -0,0 +1,45 @@ +--- +title: CSS +slug: Learn/CSS +tags: + - Beginner + - CSS + - CodingScripting + - NeedsContent + - NeedsTranslation + - TopicStub +translation_of: Learn/CSS +--- +<p>Whereas {{glossary("HTML")}} only specifies content structure, another major Web technology called {{Glossary('CSS')}} specifies how the content should look.</p> + +<p>CSS stands for <em>Cascading style sheet</em>. You can write CSS code inside {{HTMLElement("style")}} tags, but you normally write separate <code>.css</code> files so you can reuse styling information. CSS uses selectors to apply styles to HTML elements. We suggest you start with the following pages to pick up some skills and learn how to use CSS properly. Pick a page that looks interesting to you. If you don't know where to start, move from the first basic skill to the last advanced skill.</p> + +<div class="row topicpage-table"> +<div class="section"> +<h2 id="The_basics">The basics</h2> + +<p>Start here if you aren't familiar with CSS:</p> + +<dl> + <dt><a href="/en-US/Learn/CSS/CSS_properties">What CSS properties are & how to use them</a></dt> + <dd>This article explains how to use selectors apply CSS properties to HTML elements.</dd> + <dt><a href="/en-US/Learn/CSS/Basic_text_styling_in_CSS">Basic text styling in CSS</a></dt> + <dd>Styling text is one easy application of CSS. Learn how in this article.</dd> + <dt><a href="/en-US/Learn/CSS/Using_CSS_in_a_web_page">Using CSS in a webpage</a></dt> + <dd>Knowing CSS is one thing, but you also need to make it play well with {{Glossary("HTML")}}. The article explains how.</dd> +</dl> +</div> + +<div class="section"> +<h2 id="In_depth">In depth</h2> + +<p>Once you get used to working with CSS, here are some details to explore:</p> + +<dl> + <dt><a href="/en-US/docs/Web/CSS/Reference">CSS Reference</a></dt> + <dd>An exhaustive reference for seasoned Web developers describing every CSS property and concept.</dd> +</dl> +</div> +</div> + +<p> </p> |