Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1086105 of CSS

  • Revision slug: Web/CSS
  • Revision title: CSS
  • Revision id: 1086105
  • Created:
  • Creator: saidkocdemir
  • Is current revision? Evet
  • Comment
Tags: 

Revision Content

Bir stylesheet (şablon-stil) dili olup, çoğu zaman CSS olarak kısaltılan Cascading Style Sheets,  HTML ya da XML ile yazılmış  (SVG ya da XHTML gibi çeşitli XML dillerini içeren) belgelerin sunumları tanımlamak için kullanılır. CSS,  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. 

CSSopen webin temel dillerinden biridir ve  W3C standartlarına sahiptir. Geliştirilme sırasına göre, CSS1 artık kullanılmamakta, CSS2.1 tavsiye edilir ve şu an daha küçük modüllere ayrılmış olan CSS3 ise standartlaştırılma sürecindedir.

  • CSS Referansı

    Deneyimli Web Geliştiricileri için CSS'in her özellik ve konseptini tanımlayan kapsamlı bir referans.

  • CSS Dersi

    Tüm yeni başlayanlara yardım için bir adım adım giriş kısmı. Bu kısım, ihtiyaç duyulabilecek tüm temel bilgileri içerir.

  • CSS3 Örnekleri

    CSS teknolojilerini bir aksiyon içinde gösteren bir demo kolleksiyonu ki yaratıcılık için destekleyicidir.

Dökümanlar ve Dersler

CSS önemli kavramlar
Yazım kuralı ve dillere ait formların kurgulanması ve iözgünlük ve katılım,  kutu modellemesi ve kenardan daraltma, istifleme ve blok biçimlendirmesi içerikleri veya  ilk, tasarlanmış, kullanılmış ve güncel değerlerin temellerini açıklar. Bu değerler tamamen  CSS kısayol özellikleri gibi tanımlanmış haldedir.
CSS geliştirici kılavuzu
CSS tekniklerini öğrenmeniz ve ürettiğiniz içeriğin kalitesini artırmanız için makaleler.
Genel CSS soruları
CSS ile ilgili sıkça sorulan sorulara cevaplar.
     

CSS geliştirici araçları

  • W3C CSS Kontrol Servisi, verilen CSS kodunun geçerli olup olmadığını kontrol eden bir hata ayıklama aracıdır.
  • Firefox' Firebug eklentisi, Canlı olarak takip ettiğiniz sitenin CSS içeriğini takip etmenizi sağlar. Bazı değişiklikler hususunda çok pratik olmakla beraber  bundan daha fazlasını yapabilecek güçte bir eklentidir. 
  • Firefox' Web Geliştirici Eklentisi de aynen Firebug gibi onun kadar olmasa da canlı olarak takip ettiğiniz site üzerindeki CSS kodlarını değiştirebilmesine  imkan tanımaktadır.
  • Firefox CSS Düzenleme Eklentisi Kenar çubuğunda CSS düzenlemesinde kolaylık sağlar.

Revision Source

<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">&nbsp;</h2>
</div>
</div>
</section>
Revert to this revision