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 738429 of CSS

  • Revision slug: Web/CSS
  • Revision title: CSS
  • Revision id: 738429
  • Created:
  • Creator: AlexKapellas
  • Is current revision? Όχι
  • Σχόλιο
Tags: 

Revision Content

Cascading Style Sheets, τις περισσότερες φορές με την συντομογραφία CSS, είναι μια stylesheet γλώσσα όπου χρησιμοποιείται για να περιγράψει την παρουσίαση ενός εγγράφου που έχει προγραμματιστεί σε HTML ή XML ( συμπεριλαμβανομένου διαφόρων ειδών XML γλώσσες όπως SVG ή XHTML). Η CSS περιγράφει  πώς το δομημένο στοιχείο θα πρέπει να δίνεται στην οθόνη, σε χαρτί, στην ομιλία, ή σε άλλα μέσα ενημέρωσης.

Η CSS είναι μια από τις βασικές γλώσσες του ανοικτού διαδικτύου και έχει μια τυποποιημένη W3C ιδιότητα. Αναπτύχθηκε σε επίπεδα, CSS1 είναι πλέον παρωχημένο, CSS2.1 σύσταση και CSS3, οι οποίες χωρίζονται σε μικρότερες ενότητες.

  • CSS Αναφορές

    Μια λεπτομερής αναφορά για έμπειρους προγραμματιστές, περιγράφοντας κάθε ιδιότητα και έννοια της CSS.

  • CSS Παραδείγματα

    A step-by-step introduction to help complete beginners get started. It presents all the needed fundamentals.

  • CSS3 Επίδειξη

    A collection of demos showing the latest CSS technologies in action: a boost for the creativity.

Τεκμηρίωση και προγράμματα εκμάθησης

CSS key concepts
Describes the syntax and forms of the language and introduces fundamentals like specificity and inheritance, the box model and margin collapsing, stacking and block-formatting contexts, or the initial, computed, used and actual values. Entities like CSS shorthand properties are also defined.
CSS developer guide
Articles to help you learn CSS techniques to make your content shine.
Common CSS questions
Answers to common questions about CSS.

Εργαλεία για CSS ανάπτυξη

  • CSS Text-decoration Level 3 reached the Candidate Recommandation status, defining that the text-decoration-* and text-emphasis-* properties. The long known {{cssxref("text-shadow")}} is also defined in it. (August 1st, 2013)
  • Gecko's now support {{cssxref("background-origin")}}: local. It will be available from Firefox 25 (and already is in Nightly). (July 25th, 2013)
  • Pointer Events reached the Candidate Recommandation status, meaning that the CSS property touch-action, currently only implemented in IE10 (with the -ms- prefix), is no more experimental. (May 6th, 2013)
  • Gecko's support of flexible boxes 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")}}. (May 3rd, 2013)

{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|CSS topics|Visit Stack Overflow, a collaboratively built and maintained Q&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.")}}

Revision Source

 
<p><span class="seoSummary"><strong>Cascading Style Sheets</strong>, τις περισσότερες φορές με την συντομογραφία CSS, είναι μια <a href="/en-US/docs/DOM/stylesheet">stylesheet</a> γλώσσα όπου χρησιμοποιείται για να περιγράψει την παρουσίαση ενός εγγράφου που έχει προγραμματιστεί σε <a href="/en-US/docs/HTML" title="The HyperText Mark-up Language">HTML</a></span> ή <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a> ( συμπεριλαμβανομένου διαφόρων ειδών XML γλώσσες όπως <a href="/en-US/docs/SVG" title="en-US/docs/SVG">SVG</a> ή <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>). Η CSS περιγράφει&nbsp; <span id="result_box" lang="el"><span class="hps">πώς το</span> <span class="hps">δομημένο</span> <span class="hps">στοιχείο θα πρέπει να</span> <span class="hps">δίνεται στην οθόνη</span><span>,</span> <span class="hps">σε χαρτί</span><span>,</span> <span class="hps">στην ομιλία</span><span>,</span> <span class="hps">ή</span> <span class="hps">σε άλλα</span> <span class="hps">μέσα ενημέρωσης</span><span>.</span></span></p>

<p><span id="result_box" lang="el"><span class="hps">Η CSS είναι μια</span> <span class="hps">από τις βασικές</span> <span class="hps">γλώσσες</span> <span class="hps">του ανοικτού</span> <span class="hps">διαδικτύου</span> <span class="hps">και</span> <span class="hps">έχει</span> <span class="hps">μια τυποποιημένη</span></span> <a class="external" href="https://w3.org/Style/CSS/#specs">W3C ιδιότητα</a>. <span id="result_box" lang="el"><span class="hps">Αναπτύχθηκε</span> <span class="hps">σε</span> <span class="hps">επίπεδα</span><span>,</span> <span class="hps">CSS1</span> <span class="hps">είναι πλέον παρωχημένο</span><span>,</span> <span class="hps">CSS2.1</span> <span class="hps">σύσταση</span> <span class="hps">και</span> <span class="hps">CSS3</span><span>, οι οποίες χωρίζονται</span> <span class="hps">σε μικρότερες ενότητες</span><span>.</span></span></p>

<section id="sect1">
<ul class="card-grid">
 <li><span>CSS Αναφορές</span>

  <p>Μια <a href="/en-US/docs/Web/CSS/Reference">λεπτομερής αναφορά</a> για έμπειρους προγραμματιστές, περιγράφοντας κάθε ιδιότητα και έννοια της CSS.</p>
 </li>
 <li><span>CSS Παραδείγματα</span>
  <p>A <a href="/en-US/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started">step-by-step introduction</a> to help complete beginners get started. It presents all the needed fundamentals.</p>
 </li>
 <li><span>CSS3 Επίδειξη</span>
  <p>A <a href="/en-US/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">collection of demos</a> showing the latest CSS technologies in action: a boost for the creativity.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">Τεκμηρίωση και προγράμματα εκμάθησης</h2>

<dl>
 <dt>CSS key concepts</dt>
 <dd>Describes the <a href="/en-US/docs/CSS/Syntax" title="/en-US/docs/CSS/Syntax">syntax and forms of the language</a> and introduces fundamentals like <a href="/en-US/docs/CSS/Specificity" title="Specificity">specificity</a> and <a href="/en-US/docs/CSS/inheritance" title="inheritance">inheritance</a>, the <a href="/en-US/docs/CSS/box_model" title="Box model">box model</a> and <a href="/en-US/docs/CSS/margin_collapsing" title="Margin collapsing">margin collapsing</a>, <a href="/en-US/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">stacking</a> and <a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">block-formatting</a> contexts, or the <a href="/en-US/docs/CSS/initial_value" title="initial value">initial</a>, <a href="/en-US/docs/CSS/computed_value" title="computed value">computed</a>, <a href="/en-US/docs/CSS/used_value" title="used value">used</a> and <a href="/en-US/docs/CSS/actual_value" title="actual value">actual</a> values. Entities like <a href="/en-US/docs/CSS/Shorthand_properties" title="CSS/Shorthand_properties">CSS shorthand properties</a> are also defined.</dd>
 <dt><a href="/en-US/docs/Web/Guide/CSS" title="/en-US/docs/Web/Guide/CSS">CSS developer guide</a></dt>
 <dd>Articles to help you learn <strong>CSS</strong> techniques to make your content shine.</dd>
 <dt><a href="/en-US/docs/Web/CSS/Common_CSS_Questions">Common CSS questions</a></dt>
 <dd>Answers to common questions about <strong>CSS</strong>.</dd>
</dl>

<h2 class="Tools" id="Tools" name="Tools">Εργαλεία για CSS ανάπτυξη</h2>

<ul>
 <li><span class="external">The </span><a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> checks if a given CSS is valid. The service at <a href="//www.OnlineWebCheck.com/">OnlineWebCheck.com</a> also does the same. These are invaluable debugging tools.</li>
 <li><a href="/en-US/docs/Tools">Firefox Developer Tools</a> allow viewing and editing live CSS of a page via the <a href="/en-US/docs/Tools/Page_Inspector">Inspector</a> and <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a> tools.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a> for Firefox, a popular extension of that navigator that allows to edit live CSS on watched sites. Very practical to test some changes, though this extension does much more.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a> for Firefox also allows to watch and edit live CSS on watched sites. Simpler than Firebug, though less powerful.</li>
 <li><a class="external link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">EditCSS extension</a> for Firefox allows editing CSS in the sidebar.</li>
</ul>
</div>

<div class="section">
<h2 class="Related_Topics" id="News" name="News">Νέα</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">Σχετικά Άρθρα</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|CSS 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>
Revert to this revision