Revision 1086095 of CSS

<p><span class="seoSummary">Bir <a href="/en-US/docs/DOM/stylesheet">stylesheet</a>&nbsp;(şablon-stil) dili olup, çoğu zaman CSS olarak kısaltılan&nbsp;<strong>Cascading Style Sheets</strong>, &nbsp;<a href="/en-US/docs/HTML" title="The HyperText Mark-up Language">HTML</a> ya da <a href="https://developer.mozilla.org/en-US/docs/XML">XML</a> ile yazılmış &nbsp;(<a href="https://developer.mozilla.org/en-US/docs/Web/SVG">SVG </a>ya da <a href="https://developer.mozilla.org/en-US/docs/Glossary/XHTML">XHTML</a> gibi çeşitli XML dillerini içeren) belgelerin sunumları tanımlamak için kullanılır. CSS, &nbsp;yapılandırılmış elemanların ekranda, kağıt üzerinde, konuşmada yahut diğer medya aygıtlarında nasıl ifade edileceğini belirler.&nbsp;</span></p>

<p><strong>CSS</strong>,&nbsp;<em>open web</em>in temel dillerinden biridir&nbsp;ve &nbsp;<a href="https://w3.org/Style/CSS/#specs">W3C standartlarına</a>&nbsp;sahiptir. Geliştirilme sırasına göre, CSS1 artık kullanılmamakta, CSS2.1&nbsp;tavsiye edilir ve&nbsp;şu an daha küçük modüllere ayrılmış olan <a href="/en-US/docs/CSS/CSS3" title="CSS3">CSS3</a>&nbsp;ise standartlaştırılma sürecindedir.</p>

<section id="sect1">
<ul class="card-grid">
 <li><span>CSS Referansı</span>

  <p>Deneyimli Web Geliştiricileri için&nbsp;CSS'in her özellik ve konseptini tanımlayan&nbsp;kapsamlı bir&nbsp;<a href="/tr/docs/Web/CSS/Reference">referans</a>.</p>
 </li>
 <li><span>CSS Dersi</span>
  <p>Tüm yeni başlayanlara&nbsp;yardım için bir <a href="/tr/docs/Web/Guide/CSS/Getting_started" title="en-US/docs/CSS/Getting_Started">adım adım giriş&nbsp;</a>kısmı. Bu kısım, ihtiyaç duyulabilecek tüm temel bilgileri içerir.</p>
 </li>
 <li><span>CSS3 Örnekleri</span>
  <p>CSS teknolojilerini bir aksiyon içinde gösteren bir <a href="/en-US/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">demo kolleksiyonu</a>&nbsp;ki yaratıcılık için destekleyicidir.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">Dökümanlar ve Dersler</h2>

<dl>
 <dt>CSS önemli kavramlar</dt>
 <dd><a href="/en-US/docs/CSS/Syntax" title="/en-US/docs/CSS/Syntax">Yazım kuralı ve dillere ait formların</a>&nbsp;kurgulanması&nbsp;ve i<a href="/en-US/docs/CSS/Specificity" title="Specificity">özgünlük</a>&nbsp;ve&nbsp;<a href="/en-US/docs/CSS/inheritance" title="inheritance">katılım</a>, &nbsp;<a href="/en-US/docs/CSS/box_model" title="Box model">kutu modellemesi</a>&nbsp;ve&nbsp;<a href="/en-US/docs/CSS/margin_collapsing" title="Margin collapsing">kenardan daraltma</a>, <a href="/en-US/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">istifleme</a>&nbsp;ve&nbsp;<a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">blok biçimlendirmesi</a>&nbsp;içerikleri veya&nbsp;&nbsp;<a href="/en-US/docs/CSS/initial_value" title="initial value">ilk</a>, <a href="/en-US/docs/CSS/computed_value" title="computed value">tasarlanmış</a>, <a href="/en-US/docs/CSS/used_value" title="used value">kullanılmış</a>&nbsp;ve&nbsp;<a href="/en-US/docs/CSS/actual_value" title="actual value">güncel</a>&nbsp;değerlerin temellerini açıklar. Bu değerler tamamen &nbsp;<a href="/en-US/docs/CSS/Shorthand_properties" title="CSS/Shorthand_properties">CSS kısayol özellikleri</a>&nbsp;gibi tanımlanmış haldedir.</dd>
 <dt><a href="/en-US/docs/Web/Guide/CSS" title="/en-US/docs/Web/Guide/CSS">CSS geliştirici kılavuzu</a></dt>
 <dd>CSS tekniklerini öğrenmeniz ve ürettiğiniz içeriğin kalitesini artırmanız için makaleler.</dd>
 <dt><a href="/en-US/docs/Web/CSS/Common_CSS_Questions">Genel CSS soruları</a></dt>
 <dd><strong>CSS</strong> ile ilgili sıkça sorulan sorulara cevaplar.</dd>
 <dt>&nbsp; &nbsp; &nbsp;</dt>
</dl>

<h2 class="Tools" id="Tools" name="Tools">CSS geliştirici araçları</h2>

<ul>
 <li><a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Kontrol Servisi</a>, verilen CSS kodunun geçerli olup olmadığını kontrol eden bir hata ayıklama aracıdır.</li>
 <li>Firefox' <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug eklentisi</a><span class="external">, Canlı olarak takip ettiğiniz sitenin CSS içeriğini takip etmenizi sağlar. Bazı değişiklikler hususunda çok pratik olmakla beraber &nbsp;bundan daha fazlasını yapabilecek güçte bir eklentidir.</span>&nbsp;</li>
 <li><span class="external">Firefox' </span><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Geliştirici Eklentisi</a>&nbsp;de aynen Firebug gibi onun kadar olmasa da canlı olarak takip ettiğiniz site üzerindeki CSS kodlarını değiştirebilmesine &nbsp;imkan tanımaktadır.</li>
 <li>Firefox&nbsp;<a class="external link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">CSS Düzenleme Eklentisi</a>&nbsp;Kenar çubuğunda CSS düzenlemesinde kolaylık sağlar.</li>
</ul>
</div>

<div class="section">
<h2 class="Related_Topics" id="News" name="News">Haberler</h2>

<ul>
 <li><a href="https://www.w3.org/TR/css-text-decor-3/" title="https://www.w3.org/TR/css-text-decor-3/">CSS Text-decoration Level 3</a> reached the <em>Candidate Recommandation</em> status, defining that the <code>text-decoration-*</code> and <code>text-emphasis-*</code> properties. The long known {{cssxref("text-shadow")}} is also defined in it. (<em>August 1st, 2013)</em></li>
 <li>Gecko's now support {{cssxref("background-origin")}}<code>: local</code>. It will be available from Firefox 25 (and already is in Nightly). <em>(July 25th, 2013)</em></li>
 <li><a href="https://www.w3.org/TR/pointerevents/" title="https://www.w3.org/TR/pointerevents/">Pointer Events</a> reached the <em>Candidate Recommandation</em> status, meaning that the CSS property <code>touch-action</code>, currently only implemented in IE10 (with the <code>-ms-</code> prefix), is no more experimental. <em>(May 6th, 2013)</em></li>
 <li>Gecko's support of <a href="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes" title="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes"><em>flexible boxes</em></a> has been adapted to match a recent specification clarification: from Firefox 23 {{cssxref("::before")}} and {{cssxref("::after")}} will be flex items, and as such can be repositioned using {{cssxref("order")}} and {{cssxref("align-self")}}. <em>(May 3rd, 2013)</em></li>
</ul>

<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">İlgili Başlıklar</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>Open Web languages on which CSS is often applied: <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>Mozilla technologies which make extensive use of CSS: <a href="/en-US/docs/XUL" title="en-US/docs/XUL">XUL</a>, Firefox and Thunderbird <a href="/en-US/docs/Extensions" title="en-US/docs/Extensions">extensions</a> and <a href="/en-US/docs/Themes" title="en-US/docs/Themes">themes</a>.</li>
</ul>
</div>
</div>
</section>

<p>{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|HTML topics|Visit Stack Overflow, a collaboratively built and maintained Q&amp;A site. See if you can find an answer; if not, you can ask your question there.||CSS-Discuss|https://www.css-discuss.org/|CSS-Discuss mailing list|Join the css-discuss mailing list, which is dedicated to discussing practical, real-world use of CSS.")}}</p>